CSS Hack summary quick check

*:lang(zh) select {font:12px !important;} /*Special for FF*/
select:empty {font:12px !important;} /*Visible on safari*/
Select here is the selector, depending on the situation replace. The second sentence is unique to the Safari browser on MAC.

Only recognized by IE7
*+html {…}
You can use this HACK when you need to make styles only for IE7.

Identification for IE6 and below
* html {…}
Pay special attention to this place. Many landlords have written that it is a HACK for IE6. In fact, IE5.x can also recognize this HACK. Other browsers do not recognize it.
html/**/ >body select {……}
This sentence has the same effect as the previous sentence.

Only IE6 does not recognize it
select { display /*IE6 does not recognize it*/:none;}
The main purpose here is to separate an attribute and value through CSS comments, which are released before the colon.

Only IE6 and IE5 do not recognize
select/**/ { display /*IE6, IE5 does not recognize*/:none;}
The difference here from the above sentence is that there is an additional CSS comment between the selector and the curly braces.

Only IE5 does not recognize
select/*IE5 does not recognize*/ { display:none;}
This sentence is the comment in the attribute area removed from the previous sentence. Only IE5 does not recognize

Box model solution
selct {width:IE5. !important to handle. This needs to be clear.

Clear float
select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
In Firefox, when the children are all floating, then the height of the parent It is impossible to completely wrap the entire child, then use this floating HACK to define the parent once, then this problem can be solved.

For more CSS Hack summary quick check related articles please pay attention to PHP Chinese website!