繼承
假設(shè)要將頁(yè)面中所有文字的字體設(shè)為微軟雅黑
body{font-family:"Microsoft Yahei";} 應(yīng)用到body所有的子元素上去
繼承屬性
- color
- font
- text-align
- list-style
-...0
非繼承屬性
- background
- border
- position
- ...
優(yōu)先級(jí)
計(jì)算方法
- a=行內(nèi)樣式
- b=ID選擇器的數(shù)量
- c=類佑菩、偽類和屬性選擇器的數(shù)量
- d=標(biāo)簽選擇器和偽元素選擇器的數(shù)量
value=a*1000+b*100+c*10+d
CSS層疊
相同的屬性會(huì)覆蓋
- 優(yōu)先級(jí)
- 后面覆蓋前面
不同的屬性會(huì)合并
p{
??? color:blue;
??? text-align:left;
??? font-weight:bold;
}
p.special{
??? color:red;
??? text-align:right;
}
p:first-child{color:green;}
合并：{font-weight:bold;text-align:right;color:green;}
CSS改變優(yōu)先級(jí)
<p class="tip special">提升選擇器的優(yōu)先級(jí)</p>
改變先后順序 后面的選擇器覆蓋掉前面的樣式
.special{color:red;} 優(yōu)先
.tip{color:red;}
提升選擇器優(yōu)先級(jí)
p.special{color:red;} 優(yōu)先
!important 最后使用
tip{color:blue !important;}
