2

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>

最新バージョンのクロームも使用しています。

4

2 に答える 2

3

あなたが探しているのはですが#wrapper article:first-of-type、残念ながらまだ広くサポートされていません。

#wrapper header + articleただし、サポートがより広く行われている場合は、試してみることができます。

于 2011-08-27T10:57:41.860 に答える
0

マークアップを変更してみてください:

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

:first-child実際の最初の子要素でのみ機能します(headerあなたの場合はそうでした)。

于 2011-08-27T10:29:38.030 に答える