CSSハックの原則

最近、CSS ハックに関する記事をいくつか読んで、それらを整理するのが良いだろうと思いました。

CSS ハックの原理を理解していない人は多く、ブラウザごとに CSS の解析レベルが異なり、特に IE のようなブラウザでは異なる影響を与えることを誰もが知っています。今回はブラウザごとに異なるCSSを書く必要があります（特にIE）。このプロセスはCSSハックと呼ばれますが、CSSハックは異なるブラウザに依存する方法であると言えます。ルールや規格が異なるため、互換性を実現するために「カーブで国を救う」が必要です。それでも、私たちは世界が統一され、ブラウザの仕様を統一できる統一規格が存在することを願っています T T

の CSS ハックは主に

1 に基づいています.CSS と解析結果のサポートはブラウザによって異なります。

2.

よく使用される CSS ハックは、CSS 内部ハック、セレクター ハック、HTML ヘッダー参照の 3 つです。最初のハックが最もよく使用されます。

A.css 内部ハック:

CSS 内部ハック構文は次のようなセレクター{?property:value?;} たとえば、IE6 は下線「_」とアスタリスク「*」を認識でき、IE7 はアスタリスク「*」を認識できます。ただし、アンダースコア「_」は認識できず、Firefox では両方を認識できません。書き方の順番ですが、認識能力の高いブラウザのCSSは最後に書くのが一般的です。

<style> 
div{  
    background:green;/*forfirefox*/  
    *background:red;/*forIE6 IE7*/ 
}  
</style>

この場合、IE6 と 7 のハッキングに成功しました。

別の例として、IE6 だけが「!重要」の書き込みメソッドを認識できませんが、他のバージョンの IE と最新のブラウザーは認識できます

IE の他のバージョンと最新のブラウザー、および「+」、「