CSSハックまとめクイックチェック

*:lang(zh) select {font:12px ! important;} /*FF 専用*/
select:empty {font:12px ! important;} /*safari で表示*/
Select ここは、依存するセレクターです状況により交換します。 2 番目の文は、MAC 上の Safari ブラウザーに固有のものです。

IE7 でのみ認識されます
*+html {…}
この HACK は、IE7 専用のスタイルを作成する必要がある場合に使用できます。

IE6 以下の識別
* html {…}
この場所には特に注意してください。実際、IE5.x もこの HACK を認識できます。他のブラウザでは認識されません。
html/**/ >body select {……}
この文は前の文と同じ効果があります。

IE6のみ認識しません
select{display /*IE6は認識しません*/:none;}
ここでの主な目的は、コロンの前に解放される CSS コメントを通じて属性と値を分離することです。

IE6 と IE5 のみ
select/**/ { 表示 /*IE6、IE5は認識しません*/:none;}
上の文との違いは、セレクターと中括弧の間に追加の CSS コメントがあることです。

IE5のみ認識しません
select/*IE5は認識しません*/ { display:none;}
この文は、前の文から属性領域のコメントを削除したものです。 IE5 のみが

Box モデル ソリューション
selct {width:IE5 を認識しません。!重要です。これは明確にする必要があります。

float をクリアする
select:after {content:"."; display:block; height:0; clear:both; Visibility:hidden;}
子がすべてフローティングになっている場合、親の高さ子全体を完全にラップすることは不可能です。その後、このフローティング HACK を使用して親を 1 回定義すると、この問題は解決できます。

CSS Hack の概要クイックチェック関連記事の詳細については、PHP 中国語 Web サイトに注目してください。