Soit une structure :
<div id='brdmenu'>
<ul>
<li><a href=....>...</a></li>
<li><a href=....>...</a></li>
<li><a href=....>...</a></li>
.........
un seul li avec une classe
<li class='isactive'><a href=....>...</a></li>
..........
<li><a href=....>...</a></li>
</ul>
</div>
Je voudrais appliquer une classe pour tous les <a...>..</a> SAUF pour
celui qui est précédé par <li class='isactive'>
En CSS uniquement, je ne trouve pas. (Ou alors j'ai mal cherché)
Merci.
--
Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Technologie aéronautique : http://aviatechno.free.fr (http://ottello.net)
Concorde dans la presse de 1965 à 2003 : http://le.pointu.free.fr
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Lea Gris
Le 24/06/2010 17:37, Dominique Ottello a écrit :
Bonjour,
Voilà le problème sur lequel je bute.
Soit une structure : <div id='brdmenu'> <ul> <li><a href=....>...</a></li> <li><a href=....>...</a></li> <li><a href=....>...</a></li> ......... un seul li avec une classe <li class='isactive'><a href=....>...</a></li> .......... <li><a href=....>...</a></li> </ul> </div>
Je voudrais appliquer une classe pour tous les<a...>..</a> SAUF pour celui qui est précédé par<li class='isactive'>
En CSS uniquement, je ne trouve pas. (Ou alors j'ai mal cherché)
Soit une structure :
<div id='brdmenu'>
<ul>
<li><a href=....>...</a></li>
<li><a href=....>...</a></li>
<li><a href=....>...</a></li>
.........
un seul li avec une classe
<li class='isactive'><a href=....>...</a></li>
..........
<li><a href=....>...</a></li>
</ul>
</div>
Je voudrais appliquer une classe pour tous les<a...>..</a> SAUF pour
celui qui est précédé par<li class='isactive'>
En CSS uniquement, je ne trouve pas. (Ou alors j'ai mal cherché)
Soit une structure : <div id='brdmenu'> <ul> <li><a href=....>...</a></li> <li><a href=....>...</a></li> <li><a href=....>...</a></li> ......... un seul li avec une classe <li class='isactive'><a href=....>...</a></li> .......... <li><a href=....>...</a></li> </ul> </div>
Je voudrais appliquer une classe pour tous les<a...>..</a> SAUF pour celui qui est précédé par<li class='isactive'>
En CSS uniquement, je ne trouve pas. (Ou alors j'ai mal cherché)
Je voudrais appliquer une classe pour tous les<a...>..</a> SAUF pour celui qui est précédé par<li class='isactive'>
En CSS uniquement, je ne trouve pas. (Ou alors j'ai mal cherché)
Merci.
li:not(.isactive) a { } // fonctionne aussi avec des id, bien sûr C'est ok sur FF, Op, Cr, et... tu devineras jamais sur quel navigateur ça ne fonctionne pas (trop) :)
En fait, sur IE8, c'est buggy : :not(.class) {} <div></div> ne fonctionne pas, mais :not(.class) {} <div class='class'></div> fonctionne. Donc, dans ton cas, ça devrait passer.
Je voudrais appliquer une classe pour tous les<a...>..</a> SAUF pour
celui qui est précédé par<li class='isactive'>
En CSS uniquement, je ne trouve pas. (Ou alors j'ai mal cherché)
Merci.
li:not(.isactive) a { } // fonctionne aussi avec des id, bien sûr
C'est ok sur FF, Op, Cr, et... tu devineras jamais sur quel navigateur
ça ne fonctionne pas (trop) :)
En fait, sur IE8, c'est buggy :
:not(.class) {}
<div></div>
ne fonctionne pas, mais
:not(.class) {}
<div class='class'></div>
fonctionne. Donc, dans ton cas, ça devrait passer.
Je voudrais appliquer une classe pour tous les<a...>..</a> SAUF pour celui qui est précédé par<li class='isactive'>
En CSS uniquement, je ne trouve pas. (Ou alors j'ai mal cherché)
Merci.
li:not(.isactive) a { } // fonctionne aussi avec des id, bien sûr C'est ok sur FF, Op, Cr, et... tu devineras jamais sur quel navigateur ça ne fonctionne pas (trop) :)
En fait, sur IE8, c'est buggy : :not(.class) {} <div></div> ne fonctionne pas, mais :not(.class) {} <div class='class'></div> fonctionne. Donc, dans ton cas, ça devrait passer.