Bonjour,

J’ai découvert avec intérêt ce tutoriel, qui, à partie d’une liste :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<ul id="nav">
   <li id="nav-home"><a href="#">Accueil</a></li>
   <li id="nav-about"><a href="#">A propos</a></li>
   <li id="nav-archive"><a href="#">Archives</a></li>
   <li id="nav-lab"><a href="#">Laboratoire</a></li>
   <li id="nav-reviews"><a href="#">Critiques</a></li>
   <li id="nav-contact"><a href="#">Contact</a></li>
</ul>
aboutit par l’application exclusive de CSS à une belle barre de navigation horizontale :



La couleur de fond d’Accueil semble conditionnée par l’id associé à la balise Body :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<body id="home">
Il suffit de modifier ainsi l’id :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<body id="about">
pour que ce soit la boite A propos qui récupère la couleur de fond brique à la place d’Accueil.

grâce apparemment à cet élément de la feuille de style
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
#home #nav-home a,
    #about #nav-about a,
    #archive #nav-archive a,
    #lab #nav-lab a,
    #reviews #nav-reviews a,
    #contact #nav-contact a {
        background:#e35a00;
        color:#fff;
        text-shadow:none;
    }
Peut-on en déduire que le tiret entre nav et home, ou about, id de la balise Body fonctionne comme un opérateur de concaténation qui fait que dans un cas c'est la boite dont l'id est nav-home, dans l’autre celle dont l'id est nav-about, qui se distingue par une couleur de fond spécifique ?