您好,匿名用户
随意问技术百科期待您的加入

:first-child 有时候不起作用

0 投票

比如下面的代码,不知为什么第一个article的字体不会变色?
html

<h1>logo</h1>
<article>article1</article>
<article>article2</article>
<article>article3</article>

css

article:first-child {
    color: red;
}​

运行效果
http://jsfiddle.net/M9EBA/

用户头像 提问 2012年 12月1日 @ Lucia 上等兵 (416 威望)
分享到:

1个回答

0 投票

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

用户头像 回复 2012年 12月1日 @ Gemini 上等兵 (319 威望)
提一个问题:

相关问题

0 投票
0 回复 20 阅读
用户头像 提问 2013年 12月20日 @ Riven 上等兵 (334 威望)
0 投票
1 回复 39 阅读
0 投票
1 回复 37 阅读
+1 投票
1 回复 44 阅读
+3 投票
1 回复 63 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...