除了第一个之外,我怎么能隐藏所有<h2>？

Question

<h2>除了第一个,我怎么能隐藏所有的？

<div class="holder">
  <h2>SOme heading</h2>
  <h2>Some Heading<h2>
  <h2>Some Heading<h2>
  <h2>Some Heading<h2>
  <h2>Some Heading<h2>
</div>

我很熟悉我们可以使用类似的东西:

p:nth-child(2)
{
  display:none;
}

但不确定如何隐藏除第一个之外的所有内容.有人能指出我正确的方向吗？想要跨浏览器兼容的东西.

Answer 1

这是使用相邻兄弟选择器的一个选项

jsFiddle例子

.holder h2 + h2 {
    display:none;
}

可能+是IE7 +支持的最佳选择

选择器如nth-child/ :not只适用于IE9 +