为什么第一段没有采取这种风格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-type伪选择器！ 所以，你这样做是为了得到第一段：

#content p:first-of-type

Answer 2

虽然之前的答案已经定义了问题（p不是父div的第一个孩子），但这是你的问题的解决方案，目标是第一个{{1跟随p，取决于您的浏览器：

h1

Answer 3

选择器匹配任何p元素，该元素是其父元素的第一个子元素。

在这种情况下，p是其父亲的第二个孩子。

查看：http://www.w3schools.com/CSS/css_pseudo_classes.asp

Answer 4

P的内容不是它的第一个孩子 - 从我看过的标签中，或者是第一个孩子而不是实际的内容。

Answer 5

总是可以为每个第一段分配一个类 - 完全证明。

p.indent{
text-indent:50px;
   }