Existe-t-il un sélecteur de parents CSS ?

Question

Comment sélectionner un élément

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

Par exemple, mon CSS ressemblerait à ceci :

li <
    valeur de la propriété;
}
Évidemment, il existe des moyens de le faire en utilisant JavaScript, mais j'espère qu'il existe une sorte de solution de contournement pour CSS niveau 2 lui-même. 
Le menu que j'essaie de styliser est craché par le CMS, je ne peux donc pas déplacer l'élément actif vers le 

< ;li> élément .. (sauf si je thématise le menu et crée un module, ce que je ne veux pas faire).

Answer 1

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

Mais il a une prise en charge par navigateur limitée (actuellement non prise en charge par Firefox).

Answer 2

Il n'existe actuellement aucun moyen de sélectionner l'élément parent d'un élément en CSS d'une manière qui fonctionne dans tous les navigateurs.

Le brouillon de travail du sélecteur niveau 4 comprend :has() des pseudo-classes qui fourniront cette fonctionnalité. Ce serait similaire à l'implémentation jQuery, mais actuellement non prise en charge par Firefox.

li:has(> a.active) { /* styles to apply to the li tag */ }

Firefox est actuellement le seul navigateur majeur qui ne le prend pas en charge 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 recourir à JavaScript dans Firefox.