有没有办法检查当前LI元素是否具有某个元素，例如UL使用css？

Question

我想检查当前li是否有ul，如果是，则应用li的样式。有没有办法在css中做到这一点？

Answer 1

以下内容将样式应用于ul的孩子li：

li ul li { color:red }

http://jsfiddle.net/bkC36/

要检查click ed li内是否有ul，您需要JavaScript

Answer 2

使用jQuery来完成它很简单。 $（'li'）。has（'ul'）。css（'background-color'，'red'）;

Answer 3

CSS Tricks discusses what you want here - 它被称为父选择器，实现起来并不是一个好主意。通常，如果子元素存在，我将使用jQuery将样式应用于父级。

Answer 4

您想知道元素（li）是否具有某个子元素（ul），如果是，请设置父元素（li）的样式？

如果是这样 - 不，没有办法根据纯粹的CSS中的孩子来设置父母的样式。但是，jQuery具有允许您获取与此模式匹配的节点的选择器，然后您可以将样式应用于该节点。

Answer 5

此规则应该将样式应用于任何具有ul的任何级别的li。

ul li {/* */}

如果您想直接设置具有ul的li的样式，则可以使用此规则

ul > li {/* */}