PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

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

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

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

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

ul $li ul.sub { ... }

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

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

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

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

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