CSS non appliquée

Bonjour,

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

Voici le code :

Code:

---

<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:

---

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