Le sélecteur parent existe-t-il en CSS ?

Question

Comment sélectionner l'élément

qui est le parent direct de l'élément d'ancrage ?

Par exemple, mon CSS pourrait ressembler à ceci :

li <
    valeur de la propriété;
}
Évidemment, il est possible d'y parvenir en utilisant JavaScript, mais j'espérais une solution de contournement native du CSS niveau 2. 
Le menu que j'essaie de styliser est généré par un CMS, je ne peux donc pas déplacer l'élément actif dans l'élément 
 le module de création de menu, mais je préfère ne pas faire ça). 
            

Answer 1

Vous pouvez utiliser des :has() pseudo-classes CSS

Mais sa prise en charge par navigateur est limitée (Firefox n'est pas encore pris en charge).

Answer 2

Actuellement, il n'existe aucun moyen en CSS de sélectionner l'élément parent d'un élément afin qu'il fonctionne correctement dans tous les navigateurs.

Selectors Level 4 Working Draft contient une :has() pseudo-classe qui fournira cette fonctionnalité. Ce serait similaire à l'implémentation de jQuery, mais actuellement non pris en charge par Firefox.

li:has(> a.active) { /* 应用于li标签的样式 */ }

Actuellement, seul Firefox ne prend pas en charge cette fonctionnalité par défaut.

En attendant, si vous devez sélectionner un élément parent avec une prise en charge complète de tous les navigateurs, vous devrez utiliser JavaScript dans Firefox.