您現在的位置是:首頁 >動態 > 2023-11-28 13:30:18 來源:
css選擇器有哪些以及它們的優先級(css選擇器有哪些)
導讀 大家好,我是小夏,我來為大家解答以上問題。css選擇器有哪些以及它們的優先級,css選擇器有哪些很多人還不知道,現在讓我們一起來看看吧!...
大家好,我是小夏,我來為大家解答以上問題。css選擇器有哪些以及它們的優先級,css選擇器有哪些很多人還不知道,現在讓我們一起來看看吧!
CSS選擇器如下:
1. 標簽名選擇器 div { color:Red;} /即頁面中的各個標簽名的css樣式
2.類選擇器 .divClass {color:Red;} /即定義的每個標簽的class 中的css樣式
3.ID選擇器 #myDiv {color:Red;} /即頁面中的標簽的id
4.后代選擇器(類選擇器的后代選擇器) .divClass span { color:Red;} /即多個選擇器以逗號的格式分隔 命名找到準確的標簽
5.群組選擇器 div,span,img {color:Red} /即具有相同樣式的標簽分組顯示
選擇器的優先級
1.最高優先級是 (直接在標簽中的設置樣式,假設級別為1000)<div style="color:Red;"></div>
2.次優先級是(ID選擇器 ,假設級別為100) #myDiv{color:Red;}
3.其次優先級是(類選擇器,假設級別為10) .divClass{color:Red;}
4.最后優先級是 (標簽選擇器,假設級別是 1) div{color:Red;}
5.那么后代選擇器的優先級就可以計算了啊
比如 .divClass span { color:Red;} 優先級別就是:10+1=11
想詳細的話可以參考W3C文檔。
本文到此講解完畢了,希望對大家有幫助。