一.繼承性
1.什么是繼承性?
作用: 給父元素設(shè)置一些屬性, 子元素也可以使用, 這個(gè)我們就稱之為繼承性
注意點(diǎn):
1.并不是所有的屬性都可以繼承, 只有以color/font-/text-/line-開(kāi)頭的屬性才可以繼承
2.在CSS的繼承中不僅僅是兒子可以繼承, 只要是后代都可以繼承
3.繼承性中的特殊性
3.1a標(biāo)簽的文字顏色和下劃線是不能繼承的
3.2h標(biāo)簽的文字大小是不能繼承的
應(yīng)用場(chǎng)景:
一般用于設(shè)置網(wǎng)頁(yè)上的一些共性信息, 例如網(wǎng)頁(yè)的文字顏色, 字體,文字大小等內(nèi)容
二.層疊性
1.什么是層疊性?
作用: 層疊性就是CSS處理沖突的一種能力
注意點(diǎn):
層疊性只有在多個(gè)選擇器選中"同一個(gè)標(biāo)簽", 然后又設(shè)置了"相同的屬性", 才會(huì)發(fā)生層疊性
CSS全稱 Cascading StyleSheet
三.優(yōu)先級(jí)
1.什么是優(yōu)先級(jí)?
作用:當(dāng)多個(gè)選擇器選中同一個(gè)標(biāo)簽, 并且給同一個(gè)標(biāo)簽設(shè)置相同的屬性時(shí), 如何層疊就由優(yōu)先級(jí)來(lái)確定
2.優(yōu)先級(jí)判斷的三種方式
2.1間接選中就是指繼承
如果是間接選中, 那么就是誰(shuí)離目標(biāo)標(biāo)簽比較近就聽(tīng)誰(shuí)的
2.2相同選擇器(直接選中)
如果都是直接選中, 并且都是同類型的選擇器, 那么就是誰(shuí)寫(xiě)在后面就聽(tīng)誰(shuí)的
2.3不同選擇器(直接選中)
如果都是直接選中, 并且不是相同類型的選擇器, 那么就會(huì)按照選擇器的優(yōu)先級(jí)來(lái)層疊
id>類>標(biāo)簽>通配符>繼承>瀏覽器默認(rèn)
優(yōu)先級(jí)之 important
1.什么是!important
作用: 用于提升某個(gè)直接選中標(biāo)簽的選擇器中的某個(gè)屬性的優(yōu)先級(jí)的, 可以將被指定的屬性的優(yōu)先級(jí)提升為最高
注意點(diǎn):
1.!important只能用于直接選中, 不能用于間接選中
2.通配符選擇器選中的標(biāo)簽也是直接選中的
3.!important只能提升被指定的屬性的優(yōu)先級(jí), 其它的屬性的優(yōu)先級(jí)不會(huì)被提升
4.!important必須寫(xiě)在屬性值得分號(hào)前面
5.!important前面的感嘆號(hào)不能省略
優(yōu)先級(jí)之權(quán)重
1.什么是優(yōu)先級(jí)的權(quán)重?
作用: 當(dāng)多個(gè)選擇器混合在一起使用時(shí), 我們可以通過(guò)計(jì)算權(quán)重來(lái)判斷誰(shuí)的優(yōu)先級(jí)最高
2.權(quán)重的計(jì)算規(guī)則
2.1首先先計(jì)算選擇器中有多少個(gè)id, id多的選擇器優(yōu)先級(jí)最高
2.2如果id的個(gè)數(shù)一樣, 那么再看類名的個(gè)數(shù), 類名個(gè)數(shù)多的優(yōu)先級(jí)最高
2.3如果類名的個(gè)數(shù)一樣, 那么再看標(biāo)簽名稱的個(gè)數(shù), 標(biāo)簽名稱個(gè)數(shù)多的優(yōu)先級(jí)最高
2.4如果id個(gè)數(shù)一樣, 類名個(gè)數(shù)也一樣, 標(biāo)簽名稱個(gè)數(shù)也一樣, 那么就不會(huì)繼續(xù)往下計(jì)算了, 那么此時(shí)誰(shuí)寫(xiě)在后面聽(tīng)誰(shuí)的
也就是說(shuō)優(yōu)先級(jí)如果一樣, 那么誰(shuí)寫(xiě)在后面聽(tīng)誰(shuí)的
注意點(diǎn):
1.只有選擇器是直接選中標(biāo)簽的才需要計(jì)算權(quán)重, 否則一定會(huì)聽(tīng)直接選中的選擇器的
