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

Question

见这里：http : //jsfiddle.net/QVhAZ/4/

我如何使用*但仅适用于直接儿童？在这个例子中，我希望它只适用于 "Child" divs，而不是 "Grandchild (should not be red)" divs。

我不想为每个“孩子”应用一个类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 还选择所有元素 - 而且它也慢得多，因为它必须解析所有元素。请注意，所有子项仍会继承颜色，因此您必须指定要用于所有其余项的颜色。