CSS選擇器總結（分類、優先級）

hedge_hog 發布于2019-08-29 12:22 / 729人閱讀

摘要：樣式選擇器權重優先級如下的權重為選擇器的權重為類選擇器的權重為偽類選擇器的權重為屬性選擇器的權重為標簽選擇器的權重為偽元素選擇器的權重為通配符的權重為綜合上述權重優先級來看，正確的優先級排序應該是內聯樣式類偽類屬性選擇標簽偽元素繼承通配符

CSS選擇器是編寫CSS代碼時的一個核心概念，選擇器定義了相應的樣式將會影響到文檔中的哪些部分，以下是自己在學習及工作過程中對CSS選擇器的一些總結，希望能幫助到有需要的新手同學，同時也幫助自己鞏固基礎，加深記憶。

樣式選擇器權重優先級如下：

important的權重為 1, 0, 0, 0

ID選擇器的權重為 0, 1, 0, 0

類選擇器的權重為 0, 0, 1, 0

偽類選擇器的權重為 0, 0, 1, 0

屬性選擇器的權重為 0, 0, 1, 0

標簽選擇器的權重為 0, 0, 0, 1

偽元素選擇器的權重為 0, 0, 0, 1

通配符的權重為 0, 0, 0, 0

綜合上述權重優先級來看，正確的優先級排序應該是：

important > 內聯樣式 > ID > 類 | 偽類 | 屬性選擇 > 標簽 | 偽元素 > 繼承 > 通配符

GPU云服務器云服務器選擇器總結 css選擇器基礎選擇器css 最高優先數優先調度算法實驗總結

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111852.html

前端知識歸納

摘要：繼承性子標簽會繼承父標簽樣式優先級行內樣式選擇器類選擇器標簽選擇器通配符繼承機制創建了的元素中，在垂直方向上的會發生重疊。技能考察：一、關于Html 1、html語義化標簽的理解; 結構化的理解; 能否寫出簡潔的html結構; SEO優化 a、理解：根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和...

魏憲會 2019-08-29 18:35 評論0 收藏0
前端知識歸納

摘要：繼承性子標簽會繼承父標簽樣式優先級行內樣式選擇器類選擇器標簽選擇器通配符繼承機制創建了的元素中，在垂直方向上的會發生重疊。技能考察：一、關于Html 1、html語義化標簽的理解; 結構化的理解; 能否寫出簡潔的html結構; SEO優化 a、理解：根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和...

sixleaves 2019-08-02 16:13 評論0 收藏0
前端知識歸納

摘要：繼承性子標簽會繼承父標簽樣式優先級行內樣式選擇器類選擇器標簽選擇器通配符繼承機制創建了的元素中，在垂直方向上的會發生重疊。技能考察：一、關于Html 1、html語義化標簽的理解; 結構化的理解; 能否寫出簡潔的html結構; SEO優化 a、理解：根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和...

NotFound 2019-08-23 16:53 評論0 收藏0
CSS 選擇器

摘要：選擇器分類標簽選擇選擇器選擇器后代選擇子代選擇相鄰選擇通配符選擇否定選擇器屬性選擇器偽類選擇器偽元素選擇器屬性選擇器選擇器描述用于選取帶有指定屬性的元素。在元素之后添加內容選擇器匹配每個已啟用的元素大多用在表單元素上。 CSS 選擇器分類標簽選擇 id選擇器 class選擇器后代選擇（div a）子代選擇（div > p）相鄰選擇（div + p）通配符選擇（*） ...

APICloud 2019-08-30 15:55 評論0 收藏0