css選擇器的優(yōu)先級：
? ? 通配選擇器? 0
? ? 標(biāo)簽名選擇器 ?1
? ? 類選擇器 ?10
? ? id選擇器 ?100
? ? 后代選擇器 ?選擇器1 選擇器2 ...(會有相加的過程)
? ? 群組選擇器 ?選擇器1，選擇器2，...(不會有相加的過程)
? ? ? ? ? ? 1.相同類型的選擇器睬罗，樣式?jīng)_突下咖为，后覆蓋前
? ? ? ? ? ? 2.不同類型的選擇器庞瘸，樣式?jīng)_突下端衰，優(yōu)先級高覆蓋優(yōu)先級低
? ? ? ? ? ? 3.*< Tags < class < id < style < !important
? ? ? ? ? ? 4.坎炼！important慎用（必須用時菠净，需要加注釋說明一下）
1.同類型禁舷，后覆蓋前
?body{
? ? width: 200px;
? ? height: 300px;
? ? background: red;
}
body{
? ? background: blue;
}
顏色為藍色
2.不同類型，優(yōu)先級高的會覆蓋優(yōu)先級低的
div{
? ? height: 200PX;
? ? background: red;
}
.cla{
? ? background: pink;
}
顏色為粉紅色
3.群組選擇器毅往，不會有相加的過程
span{
? ? ?display: block;
? ? width:200px;
? ? height: 200px;
? ? background: red;
}
div{
? ? width:200px;
? ? height: 200px;
? ? background: blue;
}
span,div{
? ? width: 200px;
? ? height:200px;
? ? background: pink;
}
顏色為粉紅色
4.后代選擇器牵咙，會有相加的過程
div span a{
? ? background: red;
}
div span{
? ? background: green;
}
顏色為綠色
