css属性之!important
2023-09-27 14:24:31 时间
提升指定样式规则的应用优先权。
IE6及以下浏览器有个比较显式的支持问题存在,!important在同一条规则集里不生效。请看下述代码:
div { color: #f00 !important; color: #000; }
在上述代码中,IE6及以下浏览器div的文本颜色为#000,!important并没有覆盖后面的规则;其它浏览器下div的文本颜色为#f00
IE6及以下浏览器要使!important生效,可用以下代码:
div { color: #f00 !important; } div { color: #000; }
在上述代码中,IE6及以下浏览器中div的文本颜色表现与其它浏览器一致,都为#f00
案例:
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title></title> <style> .test { color: #f00 !important; color: #000; } .test2 { color: #f00 !important; } .test2 { color: #000; } </style> </head> <body> <div class="test">同一条样式内,!important将在IE6及以下浏览器中失效</div> <div class="test2">在分散的样式条目内,IE6及以下浏览器对!important的支持与其它浏览器一致</div> </body> </html>
效果:
相关文章
- CSS布局 ——从display,position, float属性谈起
- jQuery 属性和CSS操作方法
- 深入理解CSS属性值语法
- CSS中动画——如何设置关键帧,8个动画属性及简写方式
- CSS中设置背景的7个属性及简写background注意点
- css中5种属性选择器
- css属性之appearance
- Spring Cloud Config-Client 无法获取 Config-Server 在 github 上的配置文件的属性值,竟然是因为
- 使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果。
- 《中国人工智能学会通讯》——11.65 双重代价敏感的属性分类模型
- Android中RelativeLayout各个属性的含义
- jQuery的属性与样式之样式操作.css()
- PyQt(Python+Qt)学习随笔:布局控件layoutStretch属性
- PyQt(Python+Qt)学习随笔:部件的inputMethodHints属性
- css:currentColor和inherit属性的区别
- css:详解transform属性
- Android属性动画完全解析(下),Interpolator和ViewPropertyAnimator的用法
- jQuery 选择具有特殊属性的元素
- 用CSS设置的border属性及标签不显示下划线
- 【Vue 开发实战】基础篇 # 9:合理应用计算属性和侦听器
- CSS的常用元素属性,显示模式,盒模型,弹性布局
- postgresql/lightdb字段typemod属性的内部实现及物理表示pg_attribute.atttypmod
- WPF 关于将 ManipulationDeltaEventArgs 的 Manipulators 属性返回值修改为 ReadOnlyCollection 类型的提议
- css——background属性设置background-size