1. <style type="text/css"> 
  2.         #box{ 
  3.             color:#f00; 
  4.             *color:yellow; 
  5.             _color:#000; 
  6.         } 
  7.         #box2{ 
  8.             color:red !important; 
  9.         } 
  10.     </style> 
 
  
今天遇到一道这样的面试题：设置字体颜色，使其在IE6，IE7，火狐下分别为黑色，×××，红色。
 
  
想了想做出了以上代码里的解答，解析如下：
 
  
color:#f00——是兼容所有浏览器的，更兼容火狐
 
  
*color:yellow——IE7和IE6都可以识别
 
  
_color:#000——只有IE6可以识别
 
  
这里还涉及到了CSS的优先权，后写的样式覆盖先写的
 
  
另外，补充一下CSS的！important属性
 
  
!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。语法格式{ c***ule !important }
 
  
ie7,ie8,firefox,chrome等 高端浏览器下，已经可以识别 !important属性， 但是IE 6.0仍然不能完全识别，含! important的样式属性和覆盖它的样式属性单独使用时(不在一个{}里)，IE 6.0认为! important优先级较高，否则当含! important的样式属性被同一个{}里的样式覆盖时，IE 6.0认为! important较低!