购物车
登陆 / 注册
微信扫码登陆

!important

!important
提升指定样式规则的应用优先权
编辑:前端控 前端控 更新时间:2019-01-30 14:07:21

!important


语法:

Selector{ sRule!important; }

说明:

提升指定样式规则的应用优先权。

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

兼容性:

浅绿 = 支持

红色 = 不支持

粉色 = 部分支持

IEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
6.0 2.0+4.0+3.1+3.5+3.2+2.1+18.0+
7.0+

注意:IE6及更早浏览器下,!important在同一条规则集内不生效

实例

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />

<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>			

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:


网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
文章列表
教程文档
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号