摘要:樣式選擇器權(quán)重優(yōu)先級如下的權(quán)重為選擇器的權(quán)重為類選擇器的權(quán)重為偽類選擇器的權(quán)重為屬性選擇器的權(quán)重為標簽選擇器的權(quán)重為偽元素選擇器的權(quán)重為通配符的權(quán)重為綜合上述權(quán)重優(yōu)先級來看,正確的優(yōu)先級排序應該是內(nèi)聯(lián)樣式類偽類屬性選擇標簽偽元素繼承通配符
CSS選擇器是編寫CSS代碼時的一個核心概念,選擇器定義了相應的樣式將會影響到文檔中的哪些部分,以下是自己在學習及工作過程中對CSS選擇器的一些總結(jié),希望能幫助到有需要的新手同學,同時也幫助自己鞏固基礎(chǔ),加深記憶。
樣式選擇器權(quán)重優(yōu)先級如下:
important的權(quán)重為 1, 0, 0, 0
ID選擇器的權(quán)重為 0, 1, 0, 0
類選擇器的權(quán)重為 0, 0, 1, 0
偽類選擇器的權(quán)重為 0, 0, 1, 0
屬性選擇器的權(quán)重為 0, 0, 1, 0
標簽選擇器的權(quán)重為 0, 0, 0, 1
偽元素選擇器的權(quán)重為 0, 0, 0, 1
通配符的權(quán)重為 0, 0, 0, 0
綜合上述權(quán)重優(yōu)先級來看,正確的優(yōu)先級排序應該是:
important > 內(nèi)聯(lián)樣式 > ID > 類 | 偽類 | 屬性選擇 > 標簽 | 偽元素 > 繼承 > 通配符
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/111852.html
摘要:繼承性子標簽會繼承父標簽樣式優(yōu)先級行內(nèi)樣式選擇器類選擇器標簽選擇器通配符繼承機制創(chuàng)建了的元素中,在垂直方向上的會發(fā)生重疊。 技能考察: 一、關(guān)于Html 1、html語義化標簽的理解; 結(jié)構(gòu)化的理解; 能否寫出簡潔的html結(jié)構(gòu); SEO優(yōu)化 a、理解:根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語義化),選擇合適的標簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時 讓瀏覽器的爬蟲和...
摘要:繼承性子標簽會繼承父標簽樣式優(yōu)先級行內(nèi)樣式選擇器類選擇器標簽選擇器通配符繼承機制創(chuàng)建了的元素中,在垂直方向上的會發(fā)生重疊。 技能考察: 一、關(guān)于Html 1、html語義化標簽的理解; 結(jié)構(gòu)化的理解; 能否寫出簡潔的html結(jié)構(gòu); SEO優(yōu)化 a、理解:根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語義化),選擇合適的標簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時 讓瀏覽器的爬蟲和...
閱讀 4756·2021-09-22 16:06
閱讀 2112·2021-09-22 15:22
閱讀 1453·2019-08-30 15:54
閱讀 2539·2019-08-30 15:44
閱讀 2367·2019-08-29 16:31
閱讀 2038·2019-08-29 16:26
閱讀 2355·2019-08-29 12:41
閱讀 759·2019-08-29 12:22