點選查看效果: <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需刷新才能執行]
