Discussion :

[grinder59]

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

[MasterOfChakhaL]

il me semble que pour ton cas, les div sont inutiles je te propose ceci:
(de plus tu dois mettre tes id entre guillemets, comme tous les attributs html)

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
 
  <ul id ="principal">
    <li><a href=#>element 1</a></li>
    <li><a href=#>element 2</a></li>
    <li>
        <ul id="secondaire1">
          <li><a href=#>element a</a></li>
          <li><a href=#>element b</a><li>
        </ul>
    </li>
    <li>
        <ul id="secondaire2">
          <li><a href=#>element c</a></li>
          <li><a href=#>element d</a><li>
        </ul>
    </li>
  </ul>

pour cibler tes liens

Code :

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

1
2
3
4
5
6
 
/*les liens "principaux"*/
#principal ul a { ...}
 
/*les liens "secondaires"*/
#principal ul ul a { ... }

[grinder59]

dans le mille... merci de ta réponse !!!

[MasterOfChakhaL]

...

a la relecture de mon post, j'ai l'impression que je t'ai mis un ul de trop à chaque fois...

[grinder59]

non, ça viendrait plutôt de moi. en fait pour définir une liste on m'a expliqué qu'il fallait définir :

un conteneur (d'où le div)
une liste non ordonnée (d'où le ul)
les éléments de la liste (<li>)

on m'aurait menti ?

[MasterOfChakhaL]

après, ca va dépendre de l'organisation de ta page...

avec le bout de code que tu nous donnes, je dirais que tes divs sont inutiles.

ca ne sert à rien de multiplier les divs, ca n'apporte rien de plus. Si ton div ne contient que ta liste, tu peux t'en passer (vu l'id, je dirais que c'est le cas)

Si tu as une div qui contient un menu puis des infos diverses, ca a un sens de mettre un conteneur.