非対応セレクタを利用した CSS ハックの注意点 - 2xup.org

2007-01-21T04:00:10+09:00 Microsoft Internet Explorer 7 正式版の登場で、これまで未対応だった CSS セレクタが利用できるようになりました。Windows IE7 で対応したプロパティのおさらいと、その他ブラウザでの対応状況を資料ではなく実際に試してみてまとめていた中から今回は子セレクタと隣接兄弟セレクタにしぼり、備忘録も兼ねてまとめてみます。子セレクタ、隣接兄弟セレクタの仕様は以下のとおり。 子セレクタ A>B { property: value; } 親要素 A の直下(子) にあるBにのみ装飾を行うセレクタ。 div>span { color: gray; } この場合、<div><span>not gray</span></div> はグレーの文字になりますが、<div><p><span>not gray</span></p>

[thefool0613]

セレクタの対応非対応を利用し、ブラウザごとに別々のcssを適用させる場合、IE5等ではセレクタの記述方法に注意する必要が有る。その詳細。

[webmarksjp]

css

[teruwyi]

"表を見る限り、子セレクタと隣接兄弟セレクタを利用する場合は、非対応ブラウザに対して違う装飾を行うかどうかに関係なく、要素と要素をつなぐ > や + の前後に空白の無い状態でマー

[junhirabayashi]

Microsoft Internet Explorer 7 正式版の登場で、これまで未対応だった CSS セレクタが利用できるようになりました。Windows IE7 で対応したプロパティのおさらいと、その他ブラウザでの対応状況を資

[nilab]

非対応セレクタを利用した CSS ハックの注意点 - 2xup.org

[akajiki]

子セレクタと隣接セレクタの注意事項

[nachiguro]

知らなかったセレクタの使い方

[popup-desktop]

「各々のセレクタの要素と要素をつなぐ部分、つまり子セレクタでは>、隣接兄弟セレクタでは+と要素の間に空白を設けると設けないでは、Windows IE5 で結果がかわってしまいます。」

[kakei]

MSIE5.5とMSIE6.0のCSSの解釈の違いに悩んでました。これ参考になりました。

[B-SAKATU]

子セレクタと隣接兄弟セレクタを利用する場合は、非対応ブラウザに対して違う装飾を行うかどうかに関係なく、要素と要素をつなぐ > や + の前後に空白の無い状態でマークアップするほうがよさそうです。

[eclucifer]

要素と要素をつなぐ ＞ や ＋ の前後に空白を含めない方が望ましい。 空白の有無によって Windows IE5 のみ解釈が違うため。

[picnicgraphic]

「子セレクタと隣接兄弟セレクタを利用する場合は、非対応ブラウザに対して違う装飾を行うかどうかに関係なく、要素と要素をつなぐ > や + の前後に空白の無い状態でマークアップするほうがよさそうです」

[d4-1977]

CSS セレクタについて。じっくり読みたい。

[wacky]

対応ブラウザと非対応ブラウザで別々のスタイルを適用する方法。セレクタ記述に空白が含まれると一部のブラウザで誤動作するので注意。

[lomo_lomo]

非対応ブラウザ向けのスタイルを先に定義し、そのあとで同じ要素に対して対応ブラウザ向けのスタイルを定義