複数の場合は最初の子のCSSセレクタ

Question

私はこれを私のテーブルの一部として持っています。

<header> 
    <h1>...</h1> 
    <p>...</p> 
    <p>...</p> 
    <h2>...</h2> 
    <dl> 
    <dt>...</dt> 
    <dd>...</dd> 
    </dl> 
    <dl> 
    <dt>...</dt> 
    <dd>...</dd> 
    </dl> 
</header> 

最初のdtだけを選択するにはどうすればよいですか？そこにカロリーが含まれていますか？

Answer 1

dl:first-child dt { 
    // ... 
} 

コメントで説明したようにdlは、最初の子ではありませんので、あなたは別のセレクタが必要になります：

dl:first-of-type dt { 
    // ... 
} 

それとも—だけdtにクラスを与えます。

Answer 2

あなたはすべて最初<dt>要素background-color<dl>下の要素が赤くなっている、それを使用して、この

dl > dt:first-child{ 
    background-color:red; 
} 

のように試すことができます。