• 您現在的位置是:首頁 >動態 > 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文檔。

    本文到此講解完畢了,希望對大家有幫助。

  • 成人app