CSS Hack Summary Quick Check _ Experience Exchange

*:lang (en) Select {font:12px!important}/*ff Dedicated * *
Select:empty {font:12px!important}/*safari Visible * *
Here the Select is a selector and is replaced according to the situation. The second sentence is unique to the Safari browser on the Mac.

Only IE7 recognition
*+html {...}
This hack can be used when faced with the need to do IE7 style only.

IE6 and IE6 following identification
* HTML {...}
This place should pay special attention to a lot of landlords have written is IE6 hack actually ie5.x also can recognize this hack. Not recognized by other browsers.
html/**/>body Select {...}
This sentence is the same as the previous one.

Only IE6 not recognized
The Select {display/*ie6 does not recognize */:none;}
This is essentially a CSS annotation that separates a property from a value, which is released before the colon.

Only IE6 and IE5 not recognized
select/**/{display/*IE6,IE5 does not recognize */:none;}
This differs from the preceding sentence by having a CSS annotation between the selector and the curly brace.

Only IE5 not recognized
SELECT/*IE5 does not recognize/{Display:none}
This sentence is a comment that removes the attribute area from the previous sentence. Only IE5 not recognized

Box Model Solution
SELCT {width:ie5.x width; voice-family: "}\" "; Voice-family:inherit; Width: correct widths;}
The Purge method of the box model is not handled by!important. This should be clear.

Clear floating
Select:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
In Firefox, when the children are floating, then the height of the parent can not fully wrap the entire child, then use this clear floating hack to define the parent, then this problem can be solved.