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较低!