Discussion :

[whitespirit]

Hello,

J'ai un code tordu qui ressemble à ça :

Code :

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

1
2
3
4
5
6
7
8
<div class="item-list">
<ul class="pager">
 <li class="pager-current first">1</li>
 <li class="pager-item"><a class="active" title="Aller à la page 2" href="/blog?page=1">2</a></li> 
 <li class="pager-next"><a class="active" title="Aller à la page suivante" href="/blog?page=1">suivant&nbsp;›</a></li>
 <li class="pager-last last"><a class="active" title="Aller à la dernière page" href="/blog?page=1">dernier&nbsp;»</a></li>
</ul>
</div>

Je veux juste ajouter un style css au style du <li> dont la classe est "pager-last". Hors c'est toujours le CSS suivant qui est pris en compte

Code :

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

.item-list .pager li {

J'ai essayé plein de combo dans le style ".pager-last li" ou "li.pager-last" ou ".pager-last", ça ne fonctionne pas, je n'arrive pas à surcharger l'autre style.

C'est possible au moins ?

Merci de votre aide

[12monkeys]

Bonsoir

Il suffit de faire ainsi :

Code :

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

.item-list .pager li.pager-last {

Tes exemples ne se sont pas appliqué du fait de la cascade et de la spécificité des sélecteurs.

[whitespirit]

Ha ben oui... C'était la combow que je n'avais pas testé et ça fonctionne ! Bien joué, merci!