E | tout élément E |
E F | tout élément F qui a un ancêtre E (Ancêtre est plus général que parent !) |
E.C | tout élément E de classe C |
E#I | tout élément E d'id I |
Sélecteurs CSS2 (E > F
, E + F
,
E:first-child
, E[attr="val"]
) non supportés par MSIE.
Piège ! La classe vient avant la pseudo-classe qui
vient avant le pseudo-élément :
a.external:visited:first-letter
Piège 2 ! Le caractère '_' est réservé ⇒ illégal dans un nom de classe.
h6 em, em.toto, #titi em { color: red }
<h6>Exemple de <em>sélection</em></h6> <p class="toto">Les <em class="toto">sélecteurs</em> <em>contextuels</em> permettent de diviser la page en <span id="titi"><em>zones</em> (corps, navigation...)</span> </p>
Les sélecteurs contextuels permettent de diviser la page en zones (corps, navigation...)
<div id="logos_et_navigation"> Vous > êtes > ici</div> | |
<div id="autres_liens> download action légal </div> |
<div id="corps"> bla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla bla </div> |