Toute personne ayant des bases en css connaît les sélécteurs : hover ou bien :link et :visited. Il existe cependant une liste non négligeable de sélecteur pouvant rendre de gros services.
Lorsque vous écrivez de longs paragraphes, il est bon d.utilise l.indentation sur le début du texte afin de faciliter la lecture.
Nous pouvons par exemple imbriqué deux sélécteurs ":first-of-type" et ":first-letter" pour effectuer un effet de style similaire à l'indentation.
De façon plus traditionnelle, nous pouvons utiliser des indentations pour tous les paragraphes via text-indent.
p :first-of-type :first-letter { display:block; margin:2px; border:1px solid black; color:red; float:left; font-weight:bold; padding:5px; }
Voici un texte de longueur relativement longue montrant un exemple de combinaison de selecteurs.
La possibilité des personnaliser les liens est peu utilisée sur les pages web.
Les sélecteurs proposent des nombreux outils permettant de modifier l.apparence selon les attributs. Par exemple a[href^="http://"] désignera tout les liens externes http de votre page ; de même a[title] désignera tout les liens ayant un attribut title.
a { text-decoration:underline; color: blue; } a[href^="http://] { text-decoration:none; color: red; }
Les compteurs peuvent être utiles pour gérer la numérotation des documents avec chapitres/sous-chapitres. (todo)