「HTML5／CSS3」を編集中 (節単位)

==新セレクタ==
'''・:nth-child( )'''
<p>( )内には任意の数値などを指定する。例えば p:nth-child(3) とすると、3番目に出てくるp要素を指定することができる。<br>
数値以外では、3n+1で3つごと、oddで奇数番目、evenで偶数番目を指定できる。</p>

'''・:nth-of-type( )'''
<p>前述のnth-child( )とほぼ同じ働きをするが、入れ子構造になっている場合では子要素全体で数えるnth-child( )に対し、nth-of-type( )は同じ要素ごとに数える。<br>
例えば、div要素の中にp要素とdiv要素が存在する場合に、'''div:nth-of-type(even)'''とすると、親のdiv要素の中のp要素とdiv要素それぞれで偶数番目に出てくる要素を指定する。<br>
一方、'''div:nth-child(even)'''とすると、親のdiv要素の中全体で数えるので、子のp要素とdiv要素は関係なく偶数番目に出てくる要素を指定することになる。</p>