propriété d'un div d'une liste
Bonjour,
je dispose de la structure suivante :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
|
<div id=principal>
<ul>
<li><a href=#>element 1</a></li>
<li><a href=#>element 2</a></li>
<li>
<div id=secondaire1>
<ul>
<li><a href=#>element a</a></li>
<li><a href=#>element b</a><li>
</ul>
</div>
</li>
<li>
<div id=secondaire2>
<ul>
<li><a href=#>element c</a></li>
<li><a href=#>element d</a><li>
</ul>
</div>
</li>
</ul>
</div> |
le div "principal" est unique dans la page, je lui applique donc son style de la façon suivante :
Code:
1 2 3 4 5 6 7 8 9 10 11 12
|
#principal li{
bla bla bla
}
#principal a{
bla bla bla
}
#principal a:hover{
bla bla bla
} |
Comment puis-je faire pour appliquer un style à la balise "a" des div secondaires (secondaire1 et secondaire 2), sachant qu'actuellement, il semble que cette balise ait le même style que la balise "a" du div principal (d'ailleurs est-ce normal ?)
Merci de votre aide