使用 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 的样式。

mkotla

更新于: 2020 年 6 月 25 日

538 次查看

开启你的 职业生涯

完成课程，获得认证

开始学习