用CSS设置字体颜色在火狐，IE6，IE7下不同

<style type="text/css">
        #box{
            color:#f00;
            *color:yellow;
            _color:#000;
        }
        #box2{
            color:red !important;
        }
    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较低!

转载于:https://blog.51cto.com/lflianglan/1181666