資訊專欄INFORMATION COLUMN
摘要：選擇器的權(quán)重第一種情況樣式表中只有單一樣式即內(nèi)聯(lián)元素第二種情況組合選擇器從左往右逐個比較，按進行比較越大權(quán)重越高。
css選擇器的權(quán)重
1第一種情況：
樣式表中只有單一樣式：
即 內(nèi)聯(lián)>id>class>元素
#id{} .class{} p{}
2第二種情況：
組合選擇器
從左往右逐個比較，按a,b,c,d 進行比較 越大權(quán)重越高。
權(quán)限值生成方法
按權(quán)重由高到低書寫,不按選擇器的順序?qū)?br> eg:
/*bbc */
#dii .dd #ip{
color: palevioletred;
}
/*bcc */
#dii .dd .cp{
color: paleturquoise
}
/*bbb */
#dii>#idd>#ip{
color: yellowgreen;
}
這個里面權(quán)重順序 bbb>bbc>bcc
3 單個和組合混淆
eg:
/*bcc */
#dii .dd .cp{
color: paleturquoise
}
/*bbc */
#dii .dd #ip{
color: palevioletred;
}
/*bbb */
#dii>#idd>#ip{
color: yellowgreen;
}
-------------------------------------
單個
/*b */
#ip{
color: cyan;
}
權(quán)重順序 bbb>bbc>bcc>b
總結(jié)：
權(quán)重值從左往右逐個比較，如第一個位置與另一組的第一個比較，有大小權(quán)重關(guān)系就不在比較后面的，如相等 繼續(xù)比較后面的，如果是比較的組合一個有值另一個沒值，有值權(quán)重更高。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/115712.html
摘要：優(yōu)先級是由權(quán)重來作為衡量標準的，權(quán)重的計算有一套計算公式，有如下規(guī)范使用一個位數(shù)的字串來表示級別，從左到右，左邊的做大，往右依次遞減，且數(shù)位之間沒有進制，級別之間不可逾越。定義了一個命令，該命令被賦予最大的優(yōu)先級。一、背景 CSS有三大特性：層疊性、繼承性、優(yōu)先級。 而我們在給CSS定義樣式的時候，經(jīng)常出現(xiàn)兩個及以上的規(guī)則應(yīng)用在同一元素上，單該元素最終在瀏覽器呈現(xiàn)的效果是應(yīng)用的哪個規(guī)則呢？這...
摘要：樣式選擇器權(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)先級排序應(yīng)該是內(nèi)聯(lián)樣式類偽類屬性選擇標簽偽元素繼承通配符 CSS選擇器是編寫CSS代碼時的一個核心概念，選擇器定義了相應(yīng)的樣式將會影響到文檔中的哪些部分，以下是自己在學(xué)習(xí)及工作過程中對CSS選擇器的一些總結(jié)...
摘要：我們會在組合選擇器中來了解為什么權(quán)重值要加連字符。組合選擇器中的權(quán)重值會分別對不同類型的選擇器進行計數(shù)。對比兩組選擇器，第二組選擇器有兩個選擇器，擁有更高的權(quán)重值。 CSS是一門復(fù)雜的語言，擁有相當(dāng)?shù)拇竽芰Α?它我們允許為頁面添加布局和設(shè)計，允許多個元素甚至多個頁面共享樣式。在我們有能力解鎖所有功能之前，我們必須先充分理解它的基礎(chǔ)點。 首先，我們要明確的了解樣式是怎么被渲染的。 具體的...
摘要：我們會在組合選擇器中來了解為什么權(quán)重值要加連字符。組合選擇器中的權(quán)重值會分別對不同類型的選擇器進行計數(shù)。對比兩組選擇器，第二組選擇器有兩個選擇器，擁有更高的權(quán)重值。 CSS是一門復(fù)雜的語言，擁有相當(dāng)?shù)拇竽芰Α?它我們允許為頁面添加布局和設(shè)計，允許多個元素甚至多個頁面共享樣式。在我們有能力解鎖所有功能之前，我們必須先充分理解它的基礎(chǔ)點。 首先，我們要明確的了解樣式是怎么被渲染的。 具體的...
摘要：前端雜談權(quán)重權(quán)重想必大家都聽說過一些簡單的規(guī)則大部分人也都知道較長的權(quán)重會大于較短的權(quán)重高于但是具體規(guī)范是什么瀏覽器是按照什么標準來判定不同選擇器的權(quán)重的呢讓我們來看一下官方文檔是怎么說的第一個關(guān)鍵詞官方文檔中用特異性來表示一個和其元素的相 前端雜談: CSS 權(quán)重 (Specificity) css 權(quán)重想必大家都聽說過, 一些簡單的規(guī)則大部分人也都知道: 較長的 css sele...
閱讀 1074·2021-11-19 09:40
閱讀 2213·2021-11-15 18:00
閱讀 1267·2021-10-18 13:34
閱讀 2247·2021-09-02 15:40
閱讀 1533·2019-08-30 14:01
閱讀 1112·2019-08-30 11:11
閱讀 2481·2019-08-29 15:26
閱讀 721·2019-08-29 14:15
