:first-child 有时候不起作用

Question

比如下面的代码，不知为什么第一个article的字体不会变色？
html
logo
article1
article2
article3
cssarticle:first-child{
color:red;
}​运行效果
http://jsfiddle.net/M9EBA/

Answer 1

使用:first-child伪类时一定要保证前面没有兄弟节点，把h1去掉就可以；或者使用div包住article，然后css：divarticle:first-child