css權重問題--學習筆記

用同一個例子說明:

h1{color:blue;}/*特殊性=1*/(包含通配符＂ *＂他們同等級)
p em{color:blue;}/*特殊性=2*/(包含層次越多權重越高)
.warning{color:blue;}/*特殊性=10*/(class類)
p . note em .dark{color:blue;}/*特殊性=22*/

隨便舉一例：＜div><p class="note"><em class="dark"> 小築不是小豬</e

(這一例中在網頁中＂小築不是小豬＂會被變成藍色)m></p></div>
(這裏包括兩個特殊性爲１的(藍色部分)和兩個特殊性爲１０(紅色部分)的因此得出最後權重值爲２２)
#main{color:blue;}/*特殊性=100*/(id類)
!important{color:blue;}/*特殊性=10000*/
( ＩＥ目前６．０版本都不支持!important，通常被用於糾正ＩＥ盒模型ＢＵＧ.)

===================================================================

昨天作一個案例發現了透明ＰＮＧ圖在ＩＥ和firefox中的不圖表現：

iE中會自動把透明ＰＮＧ圖解析成自動平鋪盒模型有背影的圖片．而在firefox中正常表現，這是一個ＩＥ的ＢＵＧ，網上看了一些大蝦的看法，大多都說是由於ie6.0及如下版本瀏覽器並不支持png透明。但願之後作案例的時候能注意！