【CSS】Safari4 でも効く CSS ハック
自宅用に新しく購入したパソコンに早速 iTunes をインストールして手持ちの CD をインポートしたところ、想像以上に取り込みスピードが速くて感激しきりの sakai です。
週末は 1 日中 CD をインポートして過ごしてしまいました。
今回は Safari 用の CSS ハックについてです。
ハックを使わないのがベストだと思いつつも、どうしても Safari 用に CSS ハックをする必要がありました。
使用した Safari3 のハックは以下です。
html[xmlns*=""] body:last-child セレクタ {
}
有名です。Safari 用のハックを使う時はいつもこれを使っていました。
しかし、このハックが Safari4 では効かず、ついでに同じ WebKit 系の Chrome2 でも効かなくてほとほと困ってしまいました。
そして、Web で検索して見つけました。
上記の記事を参考にさせていただきました。
body:first-of-type セレクタ {
}
これで Safari4 でも効きました。そして、chrome2 も同じくいけました。ただし、Firefox3.5 でも効いてしまいました。
将来的に :first-of-type が実装されるブラウザには効いてしまうので、慎重に使う必要があります。
