CSS 3のセレクタ：最初と最後、偶数と奇数の要素にスタイルシートを適用 - builder by ZDNet Japan

今回から、CSS 3の草案「Selectors」で新しく追加されたセレクタについて紹介していきたい。これまでCSS 3のセレクタに十分に対応しているのはOperaだけだったが、FirefoxがFirefox 3.1（ベータ版）で、SafariもSafari 3.1で対応を進めたことにより、Internet Explorerを除く主要なブラウザで利用できるようになった。 今回は、「:first-child」と「:last-child」、「:nth-child()」と「:nth-last-child()」を紹介する。これらのセレクタを利用すると、最初と最後の要素や、指定したナンバーの要素、さらには奇数と偶数の要素に対してスタイルシートを適用することができる。そのため、これまでのように余計な やクラス名を追加することなく、さまざまなデザインを設定できるようになる。 たとえば、こうしたセレクタを利

[ext3]

nth-of-typeとは違うの？

[kool_kreate]

nth-child(odd奇数 or even偶数)の疑似要素を指定

[nacika_inscatolare]

CSS 最初の最後を選択

[As_hsp]

CSS 最初の最後を選択

[torimoku]

「:first-child」「:last-child」「:nth-child()」「:nth-last-child()」

[wackey]

:last-child

[so_blue]

早く全部のブラウザがcss3サポートしないかなー

[willnet]

firefox3.1やSafari3.1、Opera等では:first-child,:last-child,:nth-child(),:nth-last-child()などが使える。便利。でもIEは8でも未対応・・・

[hisasann]

:first-child、:last-child、CSS3擬似セレクタアツい！

[denken]

IEが対応するまではclass="last"とかでごまかさないといけないお

[boyasan]

:nth-child(odd) :nth-child(even)