摘要:選擇器的優(yōu)先級(jí)表述為個(gè)部分,用表示。但是,在內(nèi)部聲明的選擇器會(huì)影響優(yōu)先級(jí)繼承過來的樣式?jīng)]有優(yōu)先級(jí)若存在通配選擇器,則被其聲明覆蓋當(dāng)兩條相互沖突的帶有規(guī)則的聲明被應(yīng)用到相同的元素上時(shí),優(yōu)先級(jí)更高的聲明將會(huì)被采用。
選擇器的優(yōu)先級(jí)表述為4個(gè)部分,用0,0,0,0表示。
.example
)、屬性選擇器(例如, [type="radio"]
)或偽類(例如, :hover)--0,0,1,0*
), 關(guān)系選擇符(+
, >
, ~
,
) 和 否定偽類(:not()
) 對(duì)優(yōu)先級(jí)沒有影響。(但是,在 :not() 內(nèi)部聲明的選擇器會(huì)影響優(yōu)先級(jí))--0,0,0,0當(dāng)兩條相互沖突的帶有
!important
規(guī)則的聲明被應(yīng)用到相同的元素上時(shí),優(yōu)先級(jí)更高的聲明將會(huì)被采用。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/1901.html
摘要:優(yōu)先級(jí)第一優(yōu)先級(jí)無連接符號(hào)第二優(yōu)先級(jí)空格第三優(yōu)先級(jí)復(fù)雜選擇器的連接符號(hào)空格表示選中所有符合條件的后代節(jié)點(diǎn)。后代表示選中符合條件的子節(jié)點(diǎn)。直接后繼表示選中對(duì)應(yīng)列中符合條件的單元格。 筆記說明 重學(xué)前端是程劭非(winter)【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄,每天10分鐘,重構(gòu)你的前端知識(shí)體系,筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟,完整的可以加入winter的專欄學(xué)習(xí)【...
摘要:優(yōu)先級(jí)第一優(yōu)先級(jí)無連接符號(hào)第二優(yōu)先級(jí)空格第三優(yōu)先級(jí)復(fù)雜選擇器的連接符號(hào)空格表示選中所有符合條件的后代節(jié)點(diǎn)。后代表示選中符合條件的子節(jié)點(diǎn)。直接后繼表示選中對(duì)應(yīng)列中符合條件的單元格。 筆記說明 重學(xué)前端是程劭非(winter)【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄,每天10分鐘,重構(gòu)你的前端知識(shí)體系,筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟,完整的可以加入winter的專欄學(xué)習(xí)【...
摘要:優(yōu)先級(jí)第一優(yōu)先級(jí)無連接符號(hào)第二優(yōu)先級(jí)空格第三優(yōu)先級(jí)復(fù)雜選擇器的連接符號(hào)空格表示選中所有符合條件的后代節(jié)點(diǎn)。后代表示選中符合條件的子節(jié)點(diǎn)。直接后繼表示選中對(duì)應(yīng)列中符合條件的單元格。 筆記說明 重學(xué)前端是程劭非(winter)【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄,每天10分鐘,重構(gòu)你的前端知識(shí)體系,筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟,完整的可以加入winter的專欄學(xué)習(xí)【...
摘要:下面我們從這兩方面去看看樣式的優(yōu)先級(jí)。影響的規(guī)則是優(yōu)先規(guī)則最近的祖先樣式比其他祖先樣式優(yōu)先級(jí)高。若同時(shí)插有,則再利用規(guī)則判斷優(yōu)先級(jí)。 CSS 樣式優(yōu)先級(jí) 當(dāng)創(chuàng)建的樣式表越來越復(fù)雜時(shí),一個(gè)標(biāo)簽的樣式將會(huì)受到越來越多的影響,這種影響可能來自周圍的標(biāo)簽,也可能來自其自身。下面我們從這兩方面去看看 CSS 樣式的優(yōu)先級(jí)。 CSS 的繼承性 CSS 的繼承特性指的是應(yīng)用在一個(gè)標(biāo)簽上的那些 CSS...
摘要:優(yōu)先級(jí)是由權(quán)重來作為衡量標(biāo)準(zhǔn)的,權(quán)重的計(jì)算有一套計(jì)算公式,有如下規(guī)范使用一個(gè)位數(shù)的字串來表示級(jí)別,從左到右,左邊的做大,往右依次遞減,且數(shù)位之間沒有進(jìn)制,級(jí)別之間不可逾越。定義了一個(gè)命令,該命令被賦予最大的優(yōu)先級(jí)。一、背景 CSS有三大特性:層疊性、繼承性、優(yōu)先級(jí)。 而我們?cè)诮oCSS定義樣式的時(shí)候,經(jīng)常出現(xiàn)兩個(gè)及以上的規(guī)則應(yīng)用在同一元素上,單該元素最終在瀏覽器呈現(xiàn)的效果是應(yīng)用的哪個(gè)規(guī)則呢?這...
閱讀 733·2023-04-25 19:43
閱讀 3979·2021-11-30 14:52
閱讀 3805·2021-11-30 14:52
閱讀 3867·2021-11-29 11:00
閱讀 3800·2021-11-29 11:00
閱讀 3898·2021-11-29 11:00
閱讀 3579·2021-11-29 11:00
閱讀 6179·2021-11-29 11:00