css - 使用 CSS 选择顶级子项

Question

是否可以使用 CSS 选择所有顶级子级而不考虑其类型。

<div class="parent"> <div class="top-level-1">
 <!-- CONTENT -->
</div>
<div class="top-level-2">
 <!-- CONTENT -->
</div>
<a class="top-level-3">
 <!-- CONTENT -->
</a> </div>

当我使用时，

.parent * {}

它选择子元素以及该子元素中的元素。

我想做的是，

1. 选择仅顶级子元素(在上面的示例代码中 - div.top-level-1、div.top-level-2 和 a.top-level-3 )

2. 类不会相同，因此首选不使用类的解决方案。

这里是 JSFiddle 以便更好地理解: http://jsfiddle.net/Q4BBd/

Answer 1

使用 > combinator仅选择顶级 <div> 的直系子代(任何类型) :

body > div > * {}

JSFiddle