Changez le style de la liste si elle contient un lien hypertexte - sans javascript/jQuery

Question

Duplicata possible :
Sélecteur CSS complexe pour le parent de l'enfant actif

J'ai le code suivant :

<li>
  <a href="jsfiddle.net">Text</a>
</li>
<li>
  only text
</li>

J'ai appliqué la css à l'élément li comme :

li {list-style-type: circle;}

Je veux que l'élément li au survol ait type de liste:disque mais seulement si il a un élément d'ancrage à l'intérieur. Je sais que c'est un jeu d'enfant avec javascript, mais est-il possible de réaliser cela sans javascript ?

J'ai essayé quelque chose de ce genre, mais je n'y suis pas parvenu : http://jsfiddle.net/k5SQe/

Answer 1

Il n'y a pas de sélecteur "parent" en CSS. Vous ne pouvez pas ajouter un style de cercle à un <li> avec les exigences données.

Cependant, il est possible d'ajouter la balle à l'ancre. : http://jsfiddle.net/k5SQe/31/

li:hover a {
    display: list-item;
    list-style-type: disc;
}

Answer 2

En fonction de votre situation, ajoutez une classe à <li> qui contiennent des liens.

http://jsfiddle.net/k5SQe/10/