如果父元素通过 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-06-25

538 次查看

启动您的 事业

完成课程即可获得认证

开始