首页  >  文章  >  web前端  >  如果父级有一个具有 CSS 和 HTML 的子级,则将样式应用于父级

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

WBOY
WBOY转载
2023-09-21 16:45:051184浏览

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

CSS3 中不存在父选择器。为此,建议使用 CSS4 选择器 $,它可能如下所示(选择 li 元素) -

ul $li ul.sub { ... }

作为一种替代方案,使用jQuery,你可以使用一行代码来实现这个功能。:has()选择器选择所有包含一个或多个与指定选择器匹配的元素的元素。25edfb22a4f469ecb59f1190150159c6标签定义列表项。ff6d136ddc5fdfeffaf53ff6ee95f185标签定义无序(带有项目符号)列表。

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

您可以在CSS中为li.has_sub添加样式。

以上是如果父级有一个具有 CSS 和 HTML 的子级,则将样式应用于父级的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:tutorialspoint.com。如有侵权,请联系admin@php.cn删除