recherche

Maison  >  Questions et réponses  >  le corps du texte

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

<p>Comment sélectionner un élément <code></code></p><li> qui est le parent direct d'un élément d'ancrage ? <p><br /></p> <p>Par exemple, mon CSS ressemblerait à ceci : </p> <pre class="brush:php;toolbar:false;">li < valeur de la propriété; }</pré> <p>É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. </p> <p>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 <code></code></p></li>< ;li> élément .. (sauf si je thématise le menu et crée un module, ce que je ne veux pas faire). <p><br /></p></li>
P粉176980522P粉176980522453 Il y a quelques jours498

répondre à tous(2)je répondrai

  • P粉704066087

    P粉7040660872023-08-24 10:03:55

    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).

    répondre
    0
  • P粉011360903

    P粉0113609032023-08-24 09:39:22

    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.

    répondre
    0
  • Annulerrépondre