👻
[CSS]タグ名:nth-of-type(n)について
タグ名のn番目の要素を指定する。
サンプル
<style>
p:nth-of-type(2) {
color: red;
}
</style>
<p>hello world</p>
<p>hello world</p>
これだと２番めのhello worldが赤色になる。
プログラミングは0から始まることが多いがnth-of-typeは１スタートみたい。
nを使う場合
このサンプルコードだと２、４番目つまり偶数番目が赤色になる。
アルファベットをnからaに変えても動かなかった。
<style>
p:nth-of-type(2n) {
color: red;
}
</style>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
Discussion