ノーH、ノーFの領域に到達する前に ～まだまだ苦しまなければなりません～ ブラウザのCSSに対応しました_体験交流

解析が異なる複数のブラウザに直面するのはイライラするものであり、CSS を作成する人なら誰でも遭遇することです。
条件付きコメントは理想的なアプローチですが、上位互換性と下位互換性があります。残念ながら、私は CSS の N バージョンがあまり好きではありません。

まず、下位互換性を確保するために

セレクターを初期化します。
見てみましょう。 start Filter
IE6 が Quirks Mode
を導入しているかどうかに関係なく、IE6 以前のバージョンを処理するには
* html セレクター{}
を使用します。
以前のバージョンと以前のバージョンをより複雑に区別しました。下位バージョンで対応します。
IE5.x の読み取りに使用します

@media tty {
i{content:"";/*" "*/}} @import 'ie5x.css';}
}/* */

IE5 は多くの点で IE5.5 に似ているため、
ただし、IE5 は常に同じです。

*>html セレクターを使用して、さらに区別する必要があります。{}

は、
*>html 本体セレクター{}
比較する必要があります。問題に対処するのが簡単です

IE7 の CSS サポートは FF、Opera、Safari などのブラウザのサポートに近いものですが、
私は
*+ html を使用することにしました。セレクター{}
は特に IE7 に対応しますが、IE7 でも Quirks Mode が導入されると、問題は非常に複雑になり、CSS の理解も IE5 に低下しました。非常に似ていますが、違いはありません。解決策を見つけたので、IE7 に Quirks Mode を導入することを拒否しました。

FF は標準ではありません。

>@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("http://www.loaoao.com") {
セレクター{ .. . ! important}
}

Opera はどうですか? ACID2
を通過していますが、私のつまらない書き方ではまだこのような問題があります li:hover+li {}このリリース バージョンで問題は解決しますか?
幸いなことに、他の人がそれを提供しています

@media all and (min-width: 0px){
セレクター{}
}

Safari なんですか？Apple 製品を買うお金がないので許してください。
これが最も残念なことです。Safari は標準をサポートしています。
詳細 複数のフィルタリング方法については、http://centricle.com/ref/css/filters/ を参照してください。


ハックを使用するかフィルタを使用するかにかかわらず、それは苦痛です
今日の問題を解決することが明日を生み出すわけではありません