CSS Hack Summary Quick Check_Experience Exchange

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

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

Identification of IE6 and below
* html {…}
Pay special attention to this place. Many landlords have written 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 it
select/**/ { display /*IE6, IE5 does not recognize it*/:none;}
The difference between this and the above sentence is that the selector and flower There is an extra CSS comment between the brackets.

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

Box model solution
selct {width:IE5.x width; voice-family: "\"}\""; voice-family:inherit; width: correct width;}
The clearing method of the box model is not handled by !important. 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 When floating, the height of the parent cannot completely cover the entire child. Then use this HACK to clear the floating to define the parent once, which can solve this problem.