Discussion :

[laurentSc]

Bonsoir,

j'ai un menu qui est en fait une liste <ul> composée de différents items <li>. Jusqu'à présent, ils avaient tous la même largeur et c'était fait ainsi :

Code html :

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

1
2
3
4
5
6
 
<ul class="menu">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>

Code css :

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

1
2
3
4
 
.menu ul li {
  width:10em;
}

Mais maintenant je souhaite mettre une largeur différente à l'un des items. J'ai essayé ça mais c'est pas bon :

Code html :

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

1
2
3
4
5
6
 
<ul class="menu">
<li>...</li>
<li>...</li>
<li class="item3">...</li>
</ul>

Code css :

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

1
2
3
4
5
6
7
8
 
.menu ul li {
  width:10em;
}
 
.menu ul .item3 li {
  width:5em;
}

comment atteindre cet item ?