recherche

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

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

<p>Comment sélectionner l'élément <code><li></code> qui est le parent direct de l'élément d'ancrage ? </p> <p>Par exemple, mon CSS pourrait ressembler à ceci : </p> <pre class="brush:php;toolbar:false;">li < Attribut : valeur ; }</pré> <p>Évidemment, il est possible d'y parvenir en utilisant JavaScript, mais j'espérais une solution de contournement native CSS niveau 2. </p> <p>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 <code><li></code> le module de création de menu, mais je ne veux pas faire ça). </p>
P粉270842688P粉270842688461 Il y a quelques jours468

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

  • P粉404539732

    P粉4045397322023-08-22 09:40:21

    Vous pouvez utiliser :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粉794851975

    P粉7948519752023-08-22 00:17:37

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

    Selectors Level 4 Working Draft comprend 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) { /* styles to apply to the li tag */ }

    Firefox est le seul navigateur majeur qui ne le prend actuellement 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 utiliser JavaScript dans Firefox.

    répondre
    0
  • Annulerrépondre