如何给html节点内的第一个子节点定义样式

Question

文档结构如下
-
|-
or
or
or...#第一个子节点，出现内容不确定
|-
or
or
or...#第二个子节点，不受第一个影响
|-
or
or
or...#同上
如上面的代码所示，由于h1,h2,p这些具有不同的margin-top，我想将紧跟着的这些元素的margin-top都重置为0，但同时不影响后面出现的这些tag，应该用什么方法？
更新：
附上使用first-child后的效果：
http://jsfiddle.net/Ygdfc/1/

Answer 1

如果使用css3的话，可以用：/*选择第一个子元素*/articleh1:first-child{margin-top:0;}鉴于某知名浏览器（我也不知道哪个浏览器，呵呵）对CSS3不够支持，可以使用大名鼎鼎的jquery来解决。$("articleh1:first-child").css("margin-top",0);