Bonjour,

Je n'arrive pas à faire appliquer une règle CSS, qui est écrasée par une précédente.

Voici le code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<ul class="sf-menu"><li class="current_page_item">blabla</li><li class="page_item page-item-2">blabla</li>
Voici ce que me donne firebug :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
.sf-menu li { background:none repeat scroll 0 0 #FFFFFF;} 
default.css (ligne 172)
.sf-menu li {float:left; position:relative;} 
default.css (ligne 119)
 
.page-item-2 {background:none repeat scroll 0 0 #AA6666;} 
style.css (ligne 38)
Il applique le background de .sf-menu li et non du page-item-2 dont firebug me barre la règle.

pourtant .page-item-2 est bien dans le style.css après le default.css qui est appelé en début via un import, donc c'est censé l'écrasé.

Résolution: la bonne classe est : .sf-menu li.page-item-2