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

点击查看效果:

<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> 以下两个div的样式基本一样,但是第一个的外挂(理解俺的意思就行了)样式:background-color后面加了一个 !important,所以,虽然第一个div行内(in line)css也定义了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>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]