Maison  >  Article  >  interface Web  >  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
WBOYavant
2023-09-21 16:45:051155parcourir

如果父级有一个具有 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 { ... }

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é. 25edfb22a4f469ecb59f1190150159c6La balise définit l'élément de liste. Les balises ff6d136ddc5fdfeffaf53ff6ee95f185 définissent une liste non ordonnée (à puces).

$('ul li:has(ul.sub)').addClass('has_sub');

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer