Bonjour, j'ai un petit soucis voici Mon code ...

<li>
        <a href="/magic/tarifs/mains-et-pieds" class="here2">Mains et Pieds</a>
    </li>

j'aimerais styliser le <li> depuis la <class="here2">, je sais pas si je me suis bien exprimé ?
merci de votre aide j'attend vos réponse

14 réponses


MrGuillou
Réponse acceptée

j'ai cherché sur google est pas grand chose
Tu tes pas planté avec les selectors

http://slides.html5rocks.com/#css-selectors

J'ai pas très bien compris, tu voudrais avoir un style unique sur la class here2 associé à la balise <li></li>?

Dans ce cas :

li .here2{
    //ton code css
}
tagcash
Auteur

heu j'aimerais styliser le <LI> par rapport au <A CLASS="HERE2"> ...
car en réalité j'ai plusieur li>a

<li>  
    <a>W</a>  
</li> 
<li>  
    <a class="here2">Y</a>  
</li> 
<li>  
    <a>X</a>  
</li>

et j'aimerais styliser uniquement le li qui contient le a.here2 ...

pas possible en css
faut ajouter une couche javascript

Si ta class est unique dans tout ton code, alors suffit de la mettre sur la balise li :

<li class="here2"></li>

Et en css ca deviendra ainsi :

.here2{
    //ton code css
}

non mais il veut attribuer un style par rapport à un objet enfant, en faite les li changent de style en fonction de la class du lien si j'ai bien compris

Ouep j'ai compris ça aussi, mais pourquoi s'embêter alors qu'on peut faire simple? x)

D'autant plus que ce qu'il veut faire est en effet impossible, car sinon ca causerait pas mal de bug en css :s

tagcash
Auteur

Je sais que sais possible de le faire en css3 mais j me rappel plus comment et je me rappel Plus ou j'avais vu cela mais bon

quelle occasion tu voudrais coder ça ? Si tu veux coder à partir du design, montre nous le résultat de ton souhait sur une image, il a peut-être une autre façon.

tagcash
Auteur

des solutions il y en as d'autre, mais je voulais faire cela ... mdr

Avec jquery each()
Le css3 n'est pas encore supporté par tous

Bha, avec li a.class { ... } ce n'est pas bon ?

<ul>
    <li><a href="#">A</a></li>
    <li><a href="#" class="test">B</a></li>
    <li><a href="#">C</a></li>
</ul>
--
li a { color: #eb5e66; }
li a.test{ color: #f00; }

Mon lien B à bien un autre style par rapport aux autres liens :)

lui c'est pas sur le lien mais sur le li en fonction de la class du lien

tagcash
Auteur

exacte, la prochainne fois que je vois une spécialité comme celle ci je la marque quelque part
en tout cas merci pour toute vos réponse