风格第一个孩子（如果它是第一个元素）

Question

我想为第一个h2孩子添加填充，只要它是父母内部的“第一个元素”。

<div id="test">
    <h2>Try 1</h2>
    Test Test Test
    <h2>Try 2</h2>
</div>  

这里只有文字“Try 1”的h2必须得到我的自定义填充。

<div id="test">
    Test Test Test
    <h2>Try 1</h2>
    <h2>Try 2</h2>
</div>  

这里没有（之前有文字）。

尝试this：

h2
{
    padding-top:0;
}

#test h2:first-child
{
    padding-top:40px;
}​

但这还不够！我可以用CSS2吗？

Answer 1

只有它是第一个子节点？不幸的是，不是CSS选择器，因为非元素节点对CSS选择器是不可见的（属性选择器和:empty除外）。

Answer 2

http://jsfiddle.net/CUwRc/查看示例

示例css：

 div h2:nth-of-type(1) {
   background:red;
  }​

IE9 +仅支持我害怕，其余的浏览器都可以！