Comment sélectionner un élément
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
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous pouvez utiliser des
:has()pseudo-classes CSSMais il a uneprise en charge par navigateurlimitée (actuellement non prise en charge par Firefox).
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 4comprend
:has()des pseudo-classes qui fourniront cette fonctionnalité. Ce serait similaire à l'implémentationjQuery, 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.