2,00

Tuto La pseudo classe CSS nth-of-type / Concept + Exercice avec CSS

2,00

  • Une formation vidéo de 20m31s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
La pseudo classe CSS nth-of-type / Concept + Exercice

ajouter ce cours aux favoris retirer ce cours des favoris

Plus on connaît de théorie et plus il est aisé de réaliser des sites web de plus en plus complexes.
C'est pour cela que je vous propose cette série de tutoriels où nous parlerons d'un sujet avec une vidéo de cours théorique et une vidéo d'application de la théorie.

Pour ce 11ème volet, nous allons étudier la pseudo-classe CSS :nth-of-type.
Grâce à cette pseudo-classe, nous allons pouvoir manipuler des éléments HTML frères. Celà signifie que nous allons pouvoir décider que tous les paragraphes pairs et telle couleur, ou bien tous les paragraphe impairs.
Nous pourrons également manipuler un paragraphe en particulier, par exemple le paragraphe numéro 3.
Bref, grâce à la connaissance de ce sélecteur CSS, vous allez pouvoir manipuler la mise en forme de votre code HTML, sans venir l'alourdir en utilisant par exemple des attributs classe.

Je mets les codes de l'exercice d'application à votre disposition.
Liste des autres tutos de cette collection :

Table des matières de cette formation CSS (durée : 20m31s)

    • Théorie 00:06:24
    • Application 00:14:07



Formateur : Carl Brison

Carl Brison a publié 321 tutoriels et obtenu une note moyenne de 4,9/5 sur 18 830 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de valerie-a77 laissé le 07/09/2023
    J'ai vaguement vu ce pseudo-élément mais ne savais pas vraiment l'utiliser. J'aurai tendance à plutôt utiliser :nth-child() et even/odd. Mais là j'ai appris une autre façon de faire peut-être meilleure. Merci Carl :-)
    "Merci beaucoup pour votre commentaire très gentil "

  • 5
    avis de membre-3200-4567 laissé le 05/08/2023
    Merci Carl 😊 Trop fort et trop bien comme toujours 😉
    "Merci beaucoup pour ton commentaire très gentil ;-)"

  • 5
    avis de membre-6971-4115 laissé le 04/08/2023
    Un tuto clair, simple, efficace...mais il va falloir que je révise la peudo-classe nth-child() car la différence est subtile!
    "Merci beaucoup pour votre commentaire très gentil ;-)"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le code source de ce tuto.
Parcours Developpeur Front End
accédez à plus de 1448 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données