六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 39|回复: 0

CSS中!important的作用

[复制链接]

升级  27.33%

25

主题

25

主题

25

主题

秀才

Rank: 2

积分
91
 楼主| 发表于 2013-2-7 15:22:50 | 显示全部楼层 |阅读模式
!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。
语法格式{ sRule!important },即写在定义的最后面。
例如:
.div1{
background-color:blue;
background-color:green !important
}
 
HTML测试代码如下:
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">.div1{background-color:blue !important;background-color:green;/*color:blue*/}.div2{background-color:red/*color:red*/}</style></head><body><input type="button" value="test" ><div class="div1">I am div1</div><div class="div2">I am div2</div></body></html> 在firefox、opera和IE8中测试结果相同,"I am div1"的背景是blue,"I am div2"的背景是red。如果不加!important,"I am div1"的背景是green,"I am div2"的背景是red.
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表