CSS三大特性
一、繼承性
1、什么是繼承性
給父元素設(shè)置一些屬性,子元素也會(huì)受影響
2、注意點(diǎn)
- 2.1、并不是所有屬性都有繼承性,只有以 color/font/text/line開頭的屬性才可以繼承
- 2.2、不僅僅是兒子可以繼承 只要是后代都可以繼
3、繼承性中的特殊性
- 3.1 a標(biāo)簽的文字顏色和下劃線是不能繼承的
- 3.2 h標(biāo)簽的文字大小是不能繼承的
4、應(yīng)用場(chǎng)景
一般用于設(shè)置網(wǎng)頁(yè)上的一些共性信息,例如網(wǎng)頁(yè)的文字、字體
二、層疊性
1、什么事層疊性
作用:層疊性就是css處理沖突的一種能力
注意點(diǎn):
層疊性只有在多個(gè)選擇器選中“同一個(gè)標(biāo)簽”, 又設(shè)置了相同屬性
三、優(yōu)先級(jí)
1、作用:層疊由優(yōu)先級(jí)來(lái)確定
2、優(yōu)先級(jí)判斷的三種方式
- 2.1 是否是直接選中 (間接選中就是指繼承)
- 2.2 相同選擇器:相同選擇器 后面的起決定作用
- 2.3 不同選擇器:按照優(yōu)先級(jí)來(lái)層疊
id>類>標(biāo)簽>通配符>繼承>瀏覽器默認(rèn)
3、!important
- 3.1 只能用于直接選中標(biāo)簽
- 3.2 只能提升被指定的屬性的優(yōu)先級(jí) 其他屬性不會(huì)受影響
4、權(quán)重
- 4.1 作用:多個(gè)選擇器混合在一起時(shí),根據(jù)權(quán)重判斷優(yōu)先級(jí)
- 4.2 計(jì)算規(guī)則
id 的數(shù)量多的優(yōu)先級(jí)最高(id)
id數(shù)量一致 再看類名的個(gè)數(shù)(類名)
類名的個(gè)數(shù)一樣,再看標(biāo)簽的個(gè)數(shù)(標(biāo)簽)
如果以上三者都一樣 那么后面的就會(huì)覆蓋掉前面的屬性值 - 4.3注意點(diǎn)
只有選擇器是直接選中 才會(huì)計(jì)算權(quán)重