Dans ce tuto CSS3, vous allez apprendre à manipuler de nouveaux sélecteurs pour optimiser vos développements frontend. Ces sélecteurs CSS vous permettront de limiter l'utilisation de classes dans vos documents HTML et CSS et des manipulations parfois hasardeuses.
Au programme de ce tuto sélecteurs CSS
De la création d'une lettrine en passant par la gestion d'une liste gérant l'affichage de lignes paires ou impaires, vous testerez également la puissance de la propriété CSS content. Nous verrons également comment sélectionner des éléments HTML voisins directs, indirects et même comment sélectionner un élément en fonction de la valeur d'un de ses attributs. Nous verrons bien d'autres notions (voir la table des matières plus bas).
Bonne formation à vous !
Table des matières de cette formation CSS (durée : 46m58s)
-
Introduction
- Introduction 00:00:59
-
Sélection par attribut
- Sélection par attribut avec valeur exacte 00:04:37
- Sélection par attribut avec début de la valeur 00:01:44
- Sélection par attribut avec fin de la valeur 00:02:03
- Sélection par attribut avec une partie de la valeur 00:01:56
-
Sélection par référence
- Sélection d'enfant 00:02:25
- Sélection de voisin direct 00:02:23
- Sélection de voisin direct ou indirect 00:03:18
-
Sélection par pseudo-classes
- :first-child et :last-child 00:02:47
- :only-child 00:00:45
- :empty 00:01:35
- :nth-child() 00:04:41
- :nth-of-type() 00:01:51
- :not() 00:02:32
-
Sélection par pseudo-éléments
- ::first-line 00:02:02
- ::first-letter 00:02:06
- ::before et ::after 00:08:46
-
Conclusion
- Conclusion 00:00:28
- Fichiers sourcestélécharger
- Certificat
Formateur : Steven Sil
-
Merci très bon cour j'encourage l'auteur à continuer ! :)
-
Encore un grand merci car effectivement cela simplifie réellement le travail
-
Cette formation est tout simplement excellente il existe très peu de formation sur les sélecteurs avancé et c'est bien dommage ça nous facilite grandement la main quand on les maitrise
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés