css中!important的用法

　

important的用法

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

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


<p id="main">
<a>!important实例</a>
</p>

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

<style>
#Box p{
     color:red;
}
.important_false{
     color:blue;
}
important_true{
     color:blue !important;
}
</style>


<p id="Box">
    <p class="important_false">这一行末使用important</p>
    <p class="important_true">这一行使用了important</p>
</p>

CSS代码第一行设定了box里面所有p中字体色为红色，第二行和第三行都用class重新定义了自身p的字体色为蓝色，不同的是，第二行末使用important，而第三行使用了！

默认情况下，class的优先级小于id，所以，第二行中即使用class重定义了自身样式，也无法生效，所以继承父级属性，这行字还是红色！

但是，第三行中，用了important提升优先级（或看成强制重定义），所以这里的css得以生效，这行字变为了蓝色！

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

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

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

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

相关阅读

Swift中performSelector返回值的用法

最近使用swift，翻译OC的代码时，发现performSelector的返回值与OC中的用法相差很大。在OC中返回的是ID类型，而swift中返回的是 Unmana

JS中split的用法

最近在写一个页面，需要取时间段，没有后台支撑，前端根据时间段，实现hightcharts自动生成数据看我们前端直接用split这个属性，完美解决时

Linux内核配置工具-menuconfig用法

打开：cd进入Linux内核根目录后，控制台输入make menuconfig 移动选择框：上下键、左右键。 搜索功能：”/”键。 选择：回车。 打开/关闭某

sequence.pad_sequences　的用法举例

>>> from tensorflow.keras.preprocessing import sequence>>> help(sequence.pad_sequences)>>> import numpy as np>>> a=np.ar

Oracle 查询类似 select top 的用法

Oraclet 没有像sql server所支持的top语法，不过可通过rownum控制。rownum没有所谓的小于，只有大于。 –查询前10条数据 select * fr