Firefox 3.5 用の CSS ハック

2009年7月1日 水曜日

以前ポストした Firefox 用の CSS ハックをまとめたページを加筆して Firefox の 3.5 以降にのみに有効な CSS ハックを追加しました。

div.sample                                { background-image:url(img/bg00.png); }
div.sample, x:-moz-broken, x:last-of-type { background-image:url(img/bg04.png); /* Fx 3.5 以降に適用される */}
div.sample, x:x                           { background-image:url(img/bg00.png); }

詳しい説明などは Firefox 用の CSS ハックをまとめたページをご覧いただくとして…

Firefox 3.5 からは CSS Selectors Level 3 の

• :nth-child()
• :nth-last-child()
• :nth-of-type()
• :nth-last-of-type()
• :first-of-type
• :last-of-type
• nly-of-type

が正式にサポートされました。この中で、文字数が一番少なく、確実に適用できる E:last-of-type を CSS ハックに利用してみました。Firefox 3 は Gecko 1.9 でしたが、Firefox 3.5 は Gecko 1.9.1 になっているので表示が少し変わる部分がありました (バグフィックス程度)