My goal is to style the first article on my page using CSS. I have attempted the following methods:
article:first {
background: blue;
}
and
article:first-child {
background: blue;
}
Unfortunately, neither of these approaches seem to be working.
Here is a snippet of my HTML code (with head removed and content condensed for brevity):
...
<body>
<div id="wrapper">
<header>
<hgroup>
...
</hgroup>
</header>
<article>
...
</article>
<article>
...
</article>
</div>
</body>
I am currently using the latest version of Chrome as my browser.