为什么第一段没有采取这种风格p:第一个孩子？

Question

为什么第一段不采取这种风格 p:first-child

#content p:first-child {color:#4C4C4C;
font-size:1.2em;
font-weight:bold;
line-height:1.8;
margin-bottom:0.5em;}


<div id="content">
 <h1>Welcome</h1>
   <p>first paragraph</p>
   <p>second paragraph</p>
   <p>third paragraph</p>
</div>

如何从CSS中选择第一段？

Answer 1

你正在寻找:first-of-typepsuedo选择器!所以,你这样做是为了得到第一段:

#content p:first-of-type

Answer 2

虽然之前的答案已经定义了问题(这p不是父母的第一个孩子div),但这里是您的问题的解决方案,根据您的浏览器定位第一个p跟随a的问题h1:

h1 + p { /* styles any paragraph that immediately follows a h1 element */ }