偽類
:first-child
:last-child
:nth-child(n)
1.:first-child
和 :last-child
分別代表一組同胞中的第一和最后一個元素
2.:nth-child(n)
n為從 0 開始遞增的自然數(shù)羡亩,也可用 odd (奇數(shù)) even (偶數(shù))代替
或者寫成函數(shù)式 2n+1 ,3n+1等
偽元素
first-letter
::first-line
-
::before
&::after
1.::first-letter
行首第一個字符
2.::first-line
第一行
3.::before
&::after
可在特定元素前面或后面添加內容
e::after{
content:".";
display:block;
height:0;
visibility:hidden;
clear: both;
}
//清除浮動
繼承
每個 CSS 屬性定義指定屬性
默認繼承 ("Inherited: Yes") 默認不繼承 ("Inherited: no")
當元素的一個**可繼承屬性 **沒有指定值時周伦,則取父元素的同屬性的 計算值 computed value
當元素的一個 非繼承屬性 沒有指定值時夕春,則取屬性的 初始值initial value
層疊
-
層疊規(guī)則:
- 瀏覽器會讀取所有樣式聲明
- 按特指度(specificity)排序
內聯(lián) > ID > 類 普通選擇器 > 標簽 偽元素選擇器 > 繼承的樣式
以10倍差計算
內聯(lián)是特例- 特指度相等,按照樣式順序位置排序(就近原則)
- 瀏覽器默認樣式
- 外部樣式
- 內部樣式
- 內聯(lián)樣式
提權(從上到下的順序)
- 改變先后順序:近水樓臺先得月
- 提高選擇器有限級(多個選擇器一起定位標簽,權重計算是總的和值)
3.在屬性后加 !important(一般不建議使用 除非前兩步提權失效)