hack原理及び常用hack

げんり

引用:https://blog.csdn.net/minedayu/article/details/25124441
CSSのサポートと解析結果が異なるブラウザを使用して、特定のブラウザスタイルを記述します.
よく使われるCSS hackには3つの方法があります

1、CSS内部hack

CSS内部hack構文はこのようなselector{?property:value?;}例えばIE 6は下線「とアスタリスク」を認識でき、IE 7はアスタリスク「」を認識できるが、下線「」を認識できず、firefoxは両方とも認識できない.書く順番の関係については,認識力の強いブラウザのCSSを後ろに書くのが一般的である.

これでIE 6,7に一度hackすることに成功しました.
例えば、「!important」の書き方はIE 6のみで認識できず、他のバージョンのIEや現代ブラウザでも認識できる

2、セレクタhack

セレクタhanckは主にIEブラウザ向けで、実はあまり使われていません
文法はこうです:selector{sRules}はIE 9のhackに対してこのように書くことができます

:root .test
{
    background-color:green;
}

3、HTMLヘッダ参照

HTMLヘッダリファレンスは特殊で、プログラム文のようにHTMLファイルにしか使用できず、CSSファイルでは使用できず、IEブラウザの下でしか実行できず、他のブラウザの下ではコメントとして無視されます.

注:lte:Less than or equal toの略で、つまり小さいか等しいという意味です.lt:Less thanの略、つまり小さいという意味です.gte:Greater than or equal toの略語、つまり以上の意味です.gt:Greater thanの略、つまり大きいという意味です.!:等しくないという意味で、javascriptの不等しくない判断子と同じです.