E:first-of-type
ある親要素の、兄弟関係にある E要素の最初の E要素に対してスタイルが適用されます。E:nth-of-type(1) と同じです。
example
dl dt:first-of-type { background-color: pink; }
source
<dl> <dt>最初のdt</dt> <dd> <dl> <dt>入れ子の最初のdt</dt> <dd>入れ子のdd</dd> <dt>入れ子の2番目のdt</dt> <dd>入れ子のdd</dd> </dl> </dd> </dl>
display
- 最初のdt
-
- 入れ子の最初のdt
- 入れ子のdd
- 入れ子の2番目のdt
- 入れ子のdd
※ E の斜体は仮の名前です。