CSS的繼承性
什么是繼承性
作用給父元素設(shè)置一些屬性售担,子元素也可以使用巧鸭。就是繼承性
注意點(diǎn)
只有以color/font/line/text開頭的屬性才可以集成蛹批,
只要是后代都可以繼承衙荐,不是只有子元素可以繼承瓶埋。
a標(biāo)簽的顏色和下劃線不可以繼承希柿。
h標(biāo)簽的大小也不可以繼承诊沪。
應(yīng)用場(chǎng)景,一般用于網(wǎng)頁的一些共性信息曾撤,例如網(wǎng)頁的文字顏色端姚,字體,文字大小等內(nèi)容挤悉。
一般通過給body設(shè)置一些屬性渐裸。給其他標(biāo)簽繼承。
CSS的層疊性
什么是層疊性
就是CSS處理沖突的一種能力
當(dāng)多個(gè)選擇器選中同一個(gè)標(biāo)簽装悲,又設(shè)置了相同的屬性昏鹃。就會(huì)發(fā)生層疊性
CSS全稱 Cascading Style Sheet 層疊式樣式表。
CSS的優(yōu)先級(jí)诀诊。
什么是優(yōu)先級(jí)
作用:當(dāng)多個(gè)標(biāo)簽選中同一個(gè)標(biāo)簽 設(shè)置了相同的屬性 如何層疊就是優(yōu)先級(jí)決定的洞渤。
優(yōu)先級(jí)的三個(gè)判斷方式
- 是否是直接選中。(間接選中就是指繼承)
如果是間接選中畏梆。那么誰離目標(biāo)標(biāo)簽比較近就聽誰的您宪。 - 是否是相同的選擇器
如果都是直接選中并且是同類型的選擇器,那么誰寫在后面就聽誰的奠涌。 - 不同選擇器直接選擇
如果都是直接選擇宪巨,并且是通過不同的選擇器那么就會(huì)按照選擇器的優(yōu)先級(jí)來確定
!important>id>類>標(biāo)簽>通配符>繼承>瀏覽器默認(rèn)
什么是!important
作用是 用于提升某個(gè)直接選擇標(biāo)簽的某個(gè)選擇器中的某個(gè)屬性優(yōu)先級(jí)的溜畅∧笞浚可以將被指定的屬性的優(yōu)先級(jí)提升到最高
注意點(diǎn)
- !important 只能用于直接選中,不能用于間接選中慈格。
- 通配符選擇器也是直接選中的
- !important只能提升被他指定的屬性的優(yōu)先級(jí)怠晴,其他屬性的優(yōu)先級(jí)不會(huì)提升。
優(yōu)先級(jí)的權(quán)重問題
什么是優(yōu)先級(jí)的權(quán)重
當(dāng)多個(gè)混合器混合在一起時(shí)浴捆,我們可以通過權(quán)重計(jì)算來判斷誰的優(yōu)先級(jí)最高蒜田。
權(quán)重的計(jì)算規(guī)則
1.1首先計(jì)算選擇器中有多少個(gè)ID,ID多的優(yōu)先級(jí)高选泻。
1.2如果ID個(gè)數(shù)一樣冲粤。看看有多少個(gè)類页眯。類名個(gè)數(shù)多的梯捕。優(yōu)先級(jí)最高。
1.3如果類名個(gè)數(shù)一樣窝撵,看標(biāo)簽個(gè)數(shù)傀顾,標(biāo)簽名稱多的優(yōu)先級(jí)高
1.4如果ID,類名碌奉,標(biāo)簽都一樣多短曾,那么就不會(huì)往下計(jì)算了寒砖。 誰寫在后面就聽誰的。