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>
(这里包括两个特殊性为1的(蓝色部分)和两个特殊性为10(红色部分)的所以得出最后权重值为22)
#main{color:blue;}/*特殊性=100*/(id类)
!important{color:blue;}/*特殊性=10000*/
( IE目前6.0版本都不支持!important,一般被用于纠正IE盒模型BUG.)
===================================================================
昨天做一个案例发现了透明PNG图在IE和firefox中的不图表现:
iE中会自动把透明PNG图解析成自动平铺盒模型有背影的图片.而在firefox中正常表现,这是一个IE的BUG,网上看了一些大虾的见解,大多都说是因为ie6.0及以下版本浏览器并不支持png透明。希望以后做案例的时候能注意!
 

你可能感兴趣的:(权重,css,问题,学习,笔记)