Home/ Questions/Q 6373921
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T01:25:27+00:00

I’m trying to get the first article on the page using CSS. I have

  • 0

I’m trying to get the first article on the page using CSS. I have tried the following:

article:first {
    background: blue;
}

and

article:first-child {
    background: blue;
}

However neither of these seem to be doing anything.

My HTML markup is as follows (head removed and content ellipsed):

...
<body>
    <div id="wrapper">
        <header>
            <hgroup>
                ...
            </hgroup>
        </header>
        <article>
            ...
        </article>
        <article>
            ...
        </article>
    </div>
</body>

I’m also using the latest version of chrome.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What you’re looking for is #wrapper article:first-of-type, but unfortunately it’s not widely supported yet.

    You could try #wrapper header + article though, for which support is more widespread.

    • 0