Bonjour,

je dispose de la structure suivante :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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