当前位置: 编程技术>WEB前端
原来CSS里的 !important 是如此用法
来源: 互联网 发布时间:2014-10-04
本文导语: 点击查看效果: Untitled Document .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; ...
点击查看效果:
Untitled Document
.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;
}
以下两个DIV的样式基本一样,但是第一个的外挂(理解俺的意思就行了)样式:background-color后面加了一个 !important,所以,虽然第一个DIV行内(in line)CSS也定义了background-color,但是却是参照外挂的background-color,其它的没有指定 !important 的,就被行内的STYLE覆盖掉了.
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
中Class中包括:!important的样式
不包括的样式
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]