用CSS设置字体颜色在火狐,IE6,IE7下不同
2013-04-19 21:47
218 查看
<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就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important }
ie7,ie8,firefox,chrome等 高端浏览器下,已经可以识别 !important属性, 但是IE 6.0仍然不能完全识别,含! important的样式属性和覆盖它的样式属性单独使用时(不在一个{}里),IE 6.0认为! important优先级较高,否则当含! important的样式属性被同一个{}里的样式覆盖时,IE 6.0认为! important较低!
相关文章推荐
- 黄聪:DIV+CSS建站经验总结,不同版本IE下CSS布局bug问题(IE5、IE6、IE7、IE8、火狐Firefox兼容)
- 针对IE6,IE7,Firefox设置不同的CSS
- CSS:自定义链接样式(设置链接不同状态下的字体颜色/背景色等)
- 为ie6,ie7,firefox(ff)设置不同效果的css写法
- 用CSS来定义<p>标签,要求实现以下效果:字体颜色再IE6下为黑色,IE7下为红色,IE8下为绿色,其他浏览器下为黄色。
- 一起学android之怎样设置TextView中不同字段的字体颜色(22)
- CSS兼容IE6、IE7、火狐(Firefox)技巧集合2
- iOS同一个label中设置不同的字体及颜色
- UILabel设置不同的字体颜色
- string类型的字符串设置不同字体颜色展示
- 设置linux下shell显示不同颜色的字体
- TextView内容设置显示不同的字体颜色和不同的字体大小
- 给UILabel设置不同的字体和颜色
- 给UIlabel设置不同字体 颜色 下划线
- CSS如何设置字体的类型、大小、颜色
- iOS设置UILabel的不同颜色字体
- CSS兼容IE6、IE7、火狐(Firefox)技巧集合1
- [置顶] UILabel的text设置不同颜色、字体
- 针对IE6,IE7,IE8,IE9,FF等不同浏览器的CSS写法
- iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色