E:first-of-type－CSS3リファレンス

E:first-of-typeは、疑似クラスの一種で、 最初のその種類の要素にスタイルを適用する際に使用します。 E:first-childの場合には、種類に関係なく要素を数えるため、 最初に来る要素がE要素であった場合にスタイル適用の対象になります。 一方、E:first-of-typeの場合には、途中で別の種類の要素が入る場合にはそれを数えずに、 指定した種類の要素のみを数えるため、最初に来るE要素がスタイル適用の対象になります。 ■セレクタの書式・スタイルを適用する対象 スタイルシート部分は外部ファイル（sample.css）に記述。 div.sample1, div.sample2 {background-color:#CCFFCC;} div.sample1 p, div.sample2 p {border:1px dotted #000000;} div.sample1 p:f

[utoh]

>E:first-of-typeの場合には、途中で別の種類の要素が入る場合にはそれを数えずに、 指定した種類の要素のみを数える