原来CSS里的 !important 是如此用法

时间:2014-06-14 02:05来源:网络整理作者:网络点击: 次

分享到：

css下!important效果演示代码

点击查看效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Untitled Document</title>  
<style type="text/css">  
.aa{  
        font-family: Verdana, Arial, Helvetica, sans-serif;  
        font-size: 12px;  
        background-color: #FF0000 !important  
}  
.bb{  
        font-family: Verdana, Arial, Helvetica, sans-serif;  
        font-size: 12px;  
        background-color: #FF0000;  
}  
</style>  
</head>  
<body>  
以下两个DIV的样式基本一样,但是第一个的外挂(理解俺的意思就行了)样式:background-color后面加了一个 !important,所以,虽然第一个DIV行内(in line)<a href="/newsHtm/27/n_41427.shtml">CSS</a>也定义了background-color,但是却是参照外挂的background-color,其它的没有指定 !important 的,就被行内的STYLE覆盖掉了.  
<div class="aa" style="background-color:#cc6600;font-size:16px;">中Class中包括:!important的样式</div> <div class="bb" style="background-color:#cc6600">不包括的样式</div>  
</body>  
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：iframe 的用法与注意事项
下一篇：FF下用 col 隐藏表格列的方法详解！

分享到： QQ空间新浪微博人人网开心网更多

精彩图集

BS项目中的

css实现气泡

精彩文章

热点文章

原来CSS里的 !important 是如此用法

热门标签

赞助商链接