如果父级有一个具有 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中文网

点赞(947) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部