Discussion :

[laurentSc]

Bonjour,

je suis en train de réviser des trucs CSS et dans #menu li li a, je me demande quel le sens de "a"...

Le code CSS un peu plus complet est :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#menu li li a {
    background: lightblue;
}

Le html qui va avec est

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<div id="menu">
    <ul>
        <li><a href="#">Lien 1</a>
            <ul>
                <li><a href="#">Sous-Menu 1</a></li>
                <li><a href="#">Sous-Menu 2</a></li>
                <li><a href="#">Sous-Menu 3</a></li>
            </ul>
        </li>
etc.

[Bisûnûrs]

Heu, à ton avis ...?

[laurentSc]

OK, la réponse semble assez évidente, mais si je l'ai posée, c'est que je voyais pas pourquoi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#menu li li {
    background: lightblue;
}

n'aurait pas marcher (donc idem sans le "a") ; visiblement, non, mais je ne vois pas l'explication...

[Bisûnûrs]

Bon ... dans #menu li li à quoi correspond li ?

[laurentSc]

Selon moi le li d'un li d'un élément d'identifiant "menu" ; sauf qu'un lien dans un li, comme ça fait aussi parti du li, je vois pas pourquoi ça ne va pas...

[Muchos]

Je pense que c'est (encore) un faux problème.

Avec juste le code donné, le background s'applique bien, sans ajouter A dans la règle CSS (comme dit Théocrite, le background-color par défaut est transparent).

Je suppose donc que les liens sont INLINE ou flottant, et qu'une couleur de fond est appliqué aux liens, autre part dans la CSS.

[tdutrion]

Bonjour,

Le a cible le lien (balise a), qui par défaut doit probablement avoir la couleur de fond blanc ou transparent (j'opterais pour transparent mais je suis pas sur de l'info).

Si tu ne mets pas le 'a', la couleur de fond s'applique au li, mais le a a toujours sa valeur initiale, donc on ne voit pas la différence...

Le mieux pour toi serait d'utiliser l'inspecteur d'élément de ton navigateur pour mieux comprendre.

Pour répondre précisément à ta question précédente, lis le dom dans l'ordre : id menu, puis li, puis li (donc li qui entrourrent le a)