：第一个子CSS选择器未定位正确的元素

Question

我的网站有以下HTML

<article>
    <p>Header</p>
    <p>Some content</p>
</article>

我想要＆＃39;标题＆＃39;要大胆。我已经按照W3Schools的例子，关于CSS选择器说明了

  

：first-child - 选择作为其父

的第一个子元素的每个<p>元素

我的CSS是

article:first-child {
    font-weight:bold;
} 

问题是，我的第一个元素（<p>）不是粗体。

我做错了什么？

Answer 1

也可以这样使用：

article > :first-child {
    font-weight:bold;
} 

或

article p:first-child {
    font-weight:bold;
}

或

article p:nth-child(1) {
    font-weight:bold;
}

Answer 2

帮助你的答案最多。使用选择器＆＃34;第一个孩子＆＃34;：      文章p：第一个孩子     {     字体重量：粗体;     }

Answer 3

article >: first-child {

font-weight:bold;

}