【CSS】Safari4 でも効く CSS ハック

【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 が実装されるブラウザには効いてしまうので、慎重に使う必要があります。

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ