E:nth-of-type(n)

ある要素内の、兄弟関係にある E要素の最初から数えて n番目の E要素に対してスタイルが適用されます。(他の種類の兄弟要素は数えません。) E:nth-child(n) と同様、n の部分には、an+b の形式や odd 、even も指定できます。

example

article img:nth-of-type(2n) { float: left; }
article img:nth-of-type(2n+1) { float: right; }

source

<article>
 <img src="number1.gif">
 <p> テキスト </p>
 <img src="number2.gif">
 <img src="number3.gif">
 <p> テキスト </p>
 <img src="number4.gif">
</article>

display

テキスト

テキスト

Enab など斜体は仮の名前です。

上に戻る