css – 为什么第一段不采取这种风格p：第一个孩子？

为什么第一段不采取这种风格p：第一个孩子

#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中选择第一段？

解决方法

虽然以前的答案已经定义了问题(p不是父div的第一个孩子),这里是一个解决您的问题的方法,目标是按照h1执行的第一个p,具体取决于您的浏览器：

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

原文地址：https://www.jb51.cc/css/214486.html