javascript - 只显示 div 的第一个子元素

Question

我一直在努力寻找一种方法来只显示我的 div 的第一个子元素并隐藏所有其他子元素。这可以纯粹在 css 中完成，还是我必须涉及一些 Javascript？

那么，我怎样才能让它只显示第一个 p-tag？

<div id="test1">
    <p>Lorem ipsum</p>
    <p>Lorem ipsum</p>
    <p>Lorem ipsum</p>
</div>

http://jsfiddle.net/8XYNx/

Answer 1

:not 和 first-child 的组合肯定可以做到:

#test1 p:not(:first-child) {
    display: none;
}

请注意，这在版本 9 之前的 IE 中不起作用。