html - 如何获取不包括孙子元素的所有子元素

Question

参见此处:http://jsfiddle.net/QVhAZ/4/

如何使用 * 但仅将其应用于直接子级？在示例中，我希望它仅适用于“子级”div，而不适用于“孙子(不应为红色)”div。

我不想给每个“ child ”div应用一个类，我想说的是:

div#Root *:depth(1)
{
    color: red;
}

Answer 1

你是这个意思？

div {margin:20px;}

div#Root > div {color:red;}

div#Root > div > div {color:black;}

http://jsfiddle.net/QVhAZ/20/

此外，使用 * 选择器不仅可以选择 div，还可以选择所有元素——而且速度也慢得多，因为它必须解析所有元素。请注意，颜色仍会被所有子级继承，因此您必须指定要用于所有其余部分的颜色。