我正在尝试使用 CSS 获取页面上的第一篇文章。我尝试了以下方法：
article:first {
background: blue;
}
和
article:first-child {
background: blue;
}
然而，这些似乎都没有做任何事情。
我的 HTML 标记如下（去除了头部并省略了内容）：
...
<body>
<div id="wrapper">
<header>
<hgroup>
...
</hgroup>
</header>
<article>
...
</article>
<article>
...
</article>
</div>
</body>
我也在使用最新版本的 chrome。
您正在寻找的是#wrapper article:first-of-type，但不幸的是它尚未得到广泛支持。
不过，您可以尝试#wrapper header + article，对此的支持更为广泛。
尝试修改您的标记：
...
<body>
<div id="wrapper">
<header>
<hgroup>
...
</hgroup>
</header>
<section>
<article>
...
</article>
<article>
...
</article>
</section>
</div>
</body>
:first-child仅适用于真正的第一个子元素（header在您的情况下）。