css中!important的用法

!important为开发者提供了一个增加样式权重的方法。应当注意的是!important是对整条样式的声明，包括这个样式的属性和属性值

<style type="text/css">
a{color:green!important;}
#main a{ color:blue;}
</style><div id="main">
<a>!important实例</a>
</div>

对于上面的代码，如果不加important特性，则超链接的颜色为蓝色，但是加上important之后优先级提高了，显示颜色为绿色。

<style>
#Box div{color:red;
}
.important_false{color:blue;
}
important_true{color:blue !important;
}
</style><div id="Box"><div class="important_false">这一行末使用important</div><div class="important_true">这一行使用了important</div>
</div>

CSS代码第一行设定了box里面所有div中字体色为红色，第二行和第三行都用class重新定义了自身div的字体色为蓝色，不同的是，第二行末使用important，而第三行使用了！
默认情况下，class的优先级小于id，所以，第二行中即使用class重定义了自身样式，也无法生效，所以继承父级属性，这行字还是红色！
但是，第三行中，用了important提升优先级（或看成强制重定义），所以这里的css得以生效，这行字变为了蓝色！

另外有一个值得注意的地方，如果样式这样写：

.testClass{
color:blue !important; color:red;
}

这种写法在IE6下是识别不到 !important显示为红色，但也可以通过一下方法让IE6识别到!important

.testClass{
color:blue !important;
}
.testClass{
color:red;
}

css中!important的用法相关推荐

CSS 中 !important的用法总结
下面简要的给大家讲一下CSS 中一个比较重要的!important属性,从笔者的实践中总结了以下两点: 1.用于解决IE对某些CSS规范有偏差的情况. 比如在IE中的效果总是和其他的浏览器如firef ...
CSS中!important的用法及作用
定义及语法 !important,作用是提高指定样式规则的应用优先权(优先级).语法格式{ cssRule !important },即写在定义的最后面,例如:box{color:red !impor ...
CSS 中 !important 的用法
important 意为重要的. .app {color: red !important; }#app {color: green; } 以上代码最终结果为红色. 在 CSS 选择器中,ID 选择器 ...
css中hideFocus的用法
css中hideFocus的用法简单说:hideFocus是对超链接外虚线框的设定! hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: onFocus="this.b ...
css规则可以放在云上,CSS中!important规则的使用方法
CSS中!important规则的使用方法发布时间:2020-06-15 10:53:11 来源:亿速云阅读:129 作者:Leah 这期内容当中小编将会给大家带来有关CSS中!important ...
html nthchild作用,详解CSS中:nth-child的用法
前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是":nth-child". 下面我将用几个典型的实例来给大家讲解:nt ...
html css中margin的用法
css中margin的用法 1.使用auto实现在浏览器水平自动居中 2.margin实现贴边 3.使用margin垂直外边距的合并示例: 4.margin-top的塌陷问题 1.外部盒子设置一个边 ...
!Important:CSS中!important的作用用于Ie6.0 与Ie7.0、firefox
{*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了,以前我对它的理解就停留在'浏览器是否识别阶段' 而没有真正去研究过,可是现在发生了变化.众所周知,!impo ...
css中的优先级最高,css中!important的作用(最高等级)
{*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了,以前我对它的理解就停留在'浏览器是否识别阶段' 而没有真正去研究过,可是现在发生了变化.众所周知,!impo ...

css中!important的用法

css中!important的用法相关推荐

最新文章

热门文章