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 の斜体は仮の名前です。

上に戻る