html - スタイルの最初の子 (最初の要素の場合)

Question

親内の「最初の要素」である場合にのみ、最初の h2 子にパディングを追加したい。

<div id="test">
    <h2>Try 1</h2>
    Test Test Test
    <h2>Try 2</h2>
</div>

ここでは、テキスト「Try 1」を含む h2 のみがカスタムパディングを取得する必要があります。

<div id="test">
    Test Test Test
    <h2>Try 1</h2>
    <h2>Try 2</h2>
</div>

いいえ（前にテキストがあります）。

これを試しました：

h2
{
    padding-top:0;
}

#test h2:first-child
{
    padding-top:40px;
}

しかし、それだけでは十分ではありません！CSS2でこれを行うことはできますか？

score 2 · Accepted Answer

それが最初の子ノードの場合のみですか？いいえ、残念ながら、CSS セレクターではありません。非要素ノードは CSS セレクターから見えないためです (属性セレクターとを除く:empty)。

score 0 · Accepted Answer

http://jsfiddle.net/CUwRc/例を確認してください

例のCSS:

 div h2:nth-of-type(1) {
   background:red;
  }

残念ながら IE9+ のみサポートしています。残りのブラウザは問題ありません。

2 に答える 2