一穷缤、樣式類型
1故俐、行間
我的行間CSS樣式。
2、內(nèi)聯(lián)
h1{font-size:12px;
color:#000;
}
3摊唇、外部
二、選擇器類型
1蘸朋、ID #id
2捉片、class .class
3、標(biāo)簽 p
4艺骂、通用 *
5诸老、屬性 [type="text"]
6、偽類 ∏ ：hover
7别伏、偽元素 ::first-line
8、子選擇器忧额、相鄰選擇器
三畸肆、權(quán)重計(jì)算規(guī)則
第一等：代表內(nèi)聯(lián)樣式，如: style=””宙址，權(quán)值為1000轴脐。
第二等：代表ID選擇器，如：#content抡砂，權(quán)值為0100大咱。
第三等：代表類，偽類和屬性選擇器注益，如.content碴巾，權(quán)值為0010。
第四等：代表類型選擇器和偽元素選擇器丑搔，如div p厦瓢，權(quán)值為0001。
通配符啤月、子選擇器煮仇、相鄰選擇器等的。如*谎仲、>浙垫、+,權(quán)值為0000。
繼承的樣式?jīng)]有權(quán)值。
四夹姥、比較規(guī)則
1,0,0,0 > 0,99,99,99杉武。也就是說從左往右逐個(gè)等級比較，前一等級相等才往后比辙售。
無論是行間轻抱、內(nèi)部和外部樣式，都是按照這個(gè)規(guī)則來進(jìn)行比較旦部。而不是直觀的行間>內(nèi)部>外部樣式十拣；ID>class>元素。之所以有這樣的錯(cuò)覺志鹃，是因?yàn)榇_實(shí)行間為第一等的權(quán)重夭问，所以它的權(quán)重是最高的。而內(nèi)部樣式可能一般寫在了外部樣式引用了之后曹铃，所以覆蓋掉了之前的缰趋。
在權(quán)重相同的情況下，后面的樣式會覆蓋掉前面的樣式陕见。
通配符秘血、子選擇器、相鄰選擇器等的评甜。雖然權(quán)值為0000灰粮，但是也比繼承的樣式優(yōu)先。
五忍坷、粘舟！important
!important 的作用是提升優(yōu)先級，換句話說佩研。加了這句的樣式的優(yōu)先級是最高的（比內(nèi)聯(lián)樣式的優(yōu)先級還高)柑肴。
p{
color:red!important;
}
我顯示紅色
ie7+和別的瀏覽器對important的這種作用的支持度都很好。只有ie6有些bug
p{
color:red!important;
color:blue;
}//會顯示blue
但是這并不說明ie6不支持important旬薯，只是支持上有些bug晰骑。看下面
p{
color:red!important;
}
p{
color:blue;
}//這樣就會顯示的是red绊序。說明ie6還是支持important的硕舆。
引用自：http://www.cnblogs.com/dq-Leung/p/4213375.html
