css:id選擇器的權重>class選擇器的權重=屬性選擇器的權重>元素選擇器


最近的項目要自己寫前端了,重新學習下前端的一下基本知識。

一般在css樣式表中,上面的會被下面的覆蓋,如下圖,文字會顯示藍色:

所以按照正常的來說,下面的css樣式,測試的文字應該還是藍色

但結果,測試文字顯示黃色,標簽選擇器的結果被屬性選擇器覆蓋了,起作用的是屬性選擇器

結論:id選擇器的權重>class選擇器的權重=屬性選擇器的權重>元素選擇器(id選擇器和class選擇器可以自行驗證),

一般相等權重的按位置覆蓋,不同權重的選擇器,位置變了也不會覆蓋

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM