Distinguish FF/IE7/IE6/IE5.5/IE5 code recommendations through CSS Hack_Experience exchange

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Differentiate FX/IE7/IE6/IE5.5/IE5 through CSS Hack</title> <style type="text/css"> <!-- #fx { display: none; border: 3px double #999; width:300px; height:200px; padding:10px; } #ie6{ display:none !important; display:none;/*ie5*/ font-size:54px; border:10px solid #CCC; padding:100px; } #ie6/**/{ display:block; display /*ie5.5*/:none; } #ie7 { display:block !important; display:none;/*ie5 & ie6*/ background-color:#69f; border:1px dashed #63c; padding:50px; width:200px; height:150px; } *:lang(zh) #ie7{ display:none !important; } *:lang(zh) #fx{ display:block !important; } --> #example{color:red ;} * html #example{color:blue;} *+html #example{color:green;} </style> <div id="fx">This is the effect under FireFox or Opera</div> <div id="ie6">This is the effect under IE 6</div> <div id="ie7">This is the effect under IE 7</div> <div>The following is a simple example of distinguishing FF/IE6/IE7</div> <div id="example">This line of text should be red under FF, blue under IE6, and green under IE7. </div>