CSS中!important的用法

!important是CSS1就定义的语法,是用于提高指定样式规则的应用优先级。IE一直都不支持这个语法,而其他的浏览器都支持。
因此,就可以利用它来分别给火狐浏览器和IE浏览器样式不同的定义。

举例:

<html>
<body>
<span id="main">测试</span>
</body>
</html>

样式表:

#main {
    100px!important;
    10px;
    border:1px solid #000;
}

火狐浏览器能够理解!important的优先级,因此显示宽度为100px。
而IE浏览器不能够理解!important的优先级因此显示宽度为10px。
利用!important,可以IE浏览器以外浏览器设置不同的样式,只要在样式后面加上!important。

原文地址:https://www.cnblogs.com/loveflycforever/p/4909644.html