侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

!important的作用学习笔记

2024-05-06 星期一 / 0 评论 / 0 点赞 / 53 阅读 / 1148 字

css有个默认的优先级顺序,如下:内联>id>类>元素选择器; 而通过js修改的样式相当于内联!important的作用是提高制定样式规则的应用优先权语法格式例如:div{color:red !im

css有个默认的优先级顺序,如下:内联>id>类>元素选择器; 而通过js修改的样式相当于内联

!important的作用是提高制定样式规则的应用优先权语法格式例如:

div{color:red !important}

在css中,通过对某一样式声明!important,就可以更改默认的css优先级规则,使该条样式属性声明具有最高优先级,相当于写在最下面。

需要注意的是,ie6不完全支持!important

.yuanxin {        color:#e00 !important;        color:#000;}

添加这个样式之后,在其他浏览器中显示字体为红色,因为添加了!important,因此优先级最高,不被后面的样式覆盖。但是在ie6却是显示黑色因为在同个{}下面定义!important不被ie6支持但是分开定义,ie6就有效例如:

.yuanxin{color:#e00 !important}.yuanxin{color:#000}

这样写的话,即使是ie6,显示的字体也是红色,也就是说分开定义,ie6才支持!important。

广告 广告

评论区