Maison > interface Web > tutoriel CSS > Si le parent a un enfant avec CSS et HTML, appliquez des styles au parent

Si le parent a un enfant avec CSS et HTML, appliquez des styles au parent

WBOY
Libérer: 2023-09-21 16:45:05
avant
1218 Les gens l'ont consulté

如果父级有一个具有 CSS 和 HTML 的子级,则将样式应用于父级

Le sélecteur parent n'existe pas en CSS3. Pour cela, il est recommandé d'utiliser le sélecteur CSS4 $, qui pourrait ressembler à ceci (sélection de l'élément li) -

ul $li ul.sub { ... }
Copier après la connexion

Comme alternative, en utilisant jQuery, vous pouvez réaliser cette fonctionnalité avec une seule ligne de code. Le sélecteur :has() sélectionne tous les éléments qui contiennent un ou plusieurs éléments correspondant au sélecteur spécifié.

  • La balise définit l'élément de liste. Les balises
      définissent une liste non ordonnée (à puces).

      $('ul li:has(ul.sub)').addClass('has_sub');
      Copier après la connexion

      Vous pouvez ajouter des styles à li.has_sub en CSS.

      Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

  • source:tutorialspoint.com
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal