IE8で使えないnth-childやlast-childの代わり!

2014/07/28

ie_nth-child

こんにちは。
今回はIE8で使えないnth-childやlast-childの代わりを紹介したいと思います。

nth-childやlast-childはIE8では対応していません。
それでも使いたい方必見です。

上記の書き方を下記の書き方にすればIE8でも効きます。

 

3番目だと下記のように書きます。

 

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

 

+ *の数で何番目かを調節する事が出来ます。
last-childもこのやり方で書き直す事ができますね。
以上でIE8で使えないnth-childやlast-childの代わりの紹介でした。

topへ戻る