高階選擇器
優先順序：
1、最大的特點就是個數多的優先順序高，個數決定優先順序
2、高階選擇器優先順序與類別無關（後代、子代、兄弟、相鄰等都是同等優先順序的，誰在上面誰的優先順序高）
3、id無限大於class標籤無限大於標籤
4、上方結果之後優先順序還一致，和順序有關
1、群組選擇器
div,p,h12、後代選擇器（使用率最高），有兩種寫法 空格 和 >
空格寫法
.sup .subps：.sup可以為.sub的父親，也可以為父輩
>號寫法
.sup > .sub{}
ps：.sup只能為.sub的父親
3、兄弟選擇器，有兩種寫法 ~ 和 +
~ 寫法
.div1 ~ .div2ps：.div2在.div1下的兄弟，.div1是修飾詞，.div1與.div2之間可以有其他兄弟，可以直接定位到其他兄弟
+寫法.div1 + .div2{}
ps:.div2在.div1下的兄弟，.div1是修飾詞，.div1與.div2之間不可以有其他兄弟，可以直接定位到其他兄弟
4、交叉選擇器
h2.hdps：是h2標籤且有乙個class名為hd
5、多類名選擇器
.h.h61ps：有乙個標籤有多個類名
高階選擇器例項
需求：要讓三個標籤（div \ p \ h1）的字型顏色同時為紅色
思路：可以使用類標籤解決，類名唯一可以精確，類名為多可以範圍修改，但是用類名來做有點大題小做，所以使用群組選擇器
群組選擇器
需求：改變父標籤(div)下的單個子標籤(i)字型的顏色123box1
box2
後代選擇器
需求：有兩個不同的列表標籤，但是兩個標籤下有相同的名字列名字，需要修改乙個列表標籤下的單個列名字型的顏色，不影響另乙個相同名字的列名字型顏色123box1
box2
兄弟選擇器
ps：要使用兄弟選擇器區分，必須兩個列表的父級有所區別，否則無法區分123box1
box2
需求：相同的類名，如何區分單個設定字型顏色
交叉選擇器
需求：兩個相同的標籤名，類名也相同控制修改其中乙個標籤的字型顏色123box1
box2
標題標題1
標題2
多類名選擇器
高階選擇器優先順序例項123box1
box2
標題標題h6-1
標題h6-2
檢視優先順序
選擇器優先順序 CSS選擇器優先順序總結
css選擇器優先順序這個問題，相信有點經驗前端都會認為非常簡單，但是我們今天還是來總結一下吧。相信大家應該很少直接在html頁面寫樣式吧，一般都是用link標籤匯入css樣式表。使用者自定義樣式表就是我們用link標籤引入的css樣式表，為了保持不同瀏覽器下樣式相同，所以我們的自定義樣式表一般都會覆...
選擇器，優先順序
內聯式css樣式表就是把css 直接寫在現有的html標籤中，如下面 這裡文字是紅色。盡量不要把css 寫成內部樣式 縮排統一。2.嵌入式css樣式，就是可以把css樣式 寫在標籤之間。3.外部式css樣式 也可稱為外聯式 就是把css 寫乙個單獨的外部檔案中，這個css樣式檔案以 css 注意 1...
選擇器優先順序
css優先順序 是由四個級別和各級別的出現次數決定的。四個級別分別為 行內選擇符 id選擇符 類別選擇符 元素選擇符。優先順序的演算法 每個規則對應乙個初始 四位數 0 0 0 0 若是 行內選擇符，則加1 0 0 0 若是id選擇符，則加0 1 0 0 若是 類選擇符 屬性選擇符 偽類選擇符，則分...