CSS有哪些選擇器,優(yōu)先級(jí)如何計(jì)算

為何會(huì)有CSS選擇器?

HTML頁(yè)面中元素的尺寸大小,顏色,狀態(tài)等是可以通過(guò)CSS選擇器進(jìn)行控制的。

要想使用CSS將樣式應(yīng)用于特定的HTML元素,我們就需要想辦法找到這個(gè)元素。

而在CSS中,執(zhí)行這一個(gè)任務(wù)的樣式規(guī)則任務(wù)的部分稱(chēng)之為選擇器(Selector)。

常用的選擇器

最常用的選擇器類(lèi)型是:類(lèi)型選擇器后代選擇器。適用于應(yīng)用那些使用范圍廣的一般性樣式。

類(lèi)型選擇器:是用來(lái)尋找特定類(lèi)型的元素,譬如段落或者標(biāo)題元素。

類(lèi)型選擇器也稱(chēng)之為 元素選擇器 或 簡(jiǎn)單選擇器。

后代選擇器:可用來(lái)尋找特定元素或元素組的后代。

后代選擇器由其他兩個(gè)選擇器之間的空格表示,后代選擇器作用于所有子后代元素。

偽類(lèi)選擇器:有時(shí)候我們需要根據(jù)文檔結(jié)構(gòu)之外的其他條件對(duì)元素應(yīng)用樣式,譬如表單元素或者鏈接的狀態(tài) 這就需要使用偽類(lèi)選擇器來(lái)完成

偽類(lèi)鏈接的順序:如果多個(gè)偽類(lèi)標(biāo)簽不按照規(guī)定的順序,是沒(méi)有效果的。

a:link/* 未訪(fǎng)問(wèn)的鏈接 */

a:visited/* 已訪(fǎng)問(wèn)的鏈接 */

a:hover/* 鼠標(biāo)在鏈接上 */

a:active/擊激活鏈接——在你點(diǎn)擊該鏈接之后

選擇器的優(yōu)先級(jí):以權(quán)值大小來(lái)劃分,權(quán)值越大,越優(yōu)先。

選擇器的特殊性分為4個(gè)等級(jí)

內(nèi)聯(lián)樣式表的權(quán)值為 1000

ID 選擇器的權(quán)值為 100

Class 類(lèi)選擇器的權(quán)值為 10

HTML 標(biāo)簽選擇器的權(quán)值為 1

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容