Pages

Selecteur

Ceci est une révision des sélecteurs de base CSS. 

Pour chaque question, dessinez sur une feuille les éléments sélectionner. 

Puis vérifier votre réponse en cliquant sur le lien.

Voici le code HTML, vous devez bien étudier la hiérarchie des éléments ! 

<div class='top'>
   <h1>h1</h1>
   <ul>
       <li class='A B' id='item.A'></li>
       <li class='A' id='b'></li>
       <li class='B' id='c'></li>
    </ul>
    <footer></footer>
 </div>

 Voici le code à recopier sur une feuille pour encadrer les éléments


JS Bin
div : class top

h1

    ul
  • li : class =A et B id=item.A
  • li : class =A id=b
  • li : class =B id=c
footer