常用 "CSS選擇器" 查看地址 (https://www.cnblogs.com/hleisurely/p/12836777.html) 1.選擇器的優先順序 !important的優先順序別最高 權重值為1111 用來提升某個直接選中標簽的選擇器中某個屬性的優先順序的,可以將被指定的屬性的優先順序提升為 ...
常用 CSS選擇器 查看地址(https://www.cnblogs.com/hleisurely/p/12836777.html)
1.選擇器的優先順序
!important的優先順序別最高 權重值為1111
用來提升某個直接選中標簽的選擇器中某個屬性的優先順序的,可以將被指定的屬性的優先順序提升為最高
第一等級:內聯樣式 如: style="", 權重值為1000
第二等級:ID選擇器 如: #content, 權重值為0100
第三等級:類、偽類和屬性選擇器 如: .content, 權重值為0010
第四等級:類型選擇器和偽元素選擇器 如: div p, 權重值為0001
第五等級:通配符、子選擇器、相鄰選擇器 如:*、>、+, 權重值為0000
第六等級:繼承的樣式沒有權值
2.優先順序的權重演算法
作用:當多個選擇器混合在一起使用時,我們可以通過計算權重來判斷誰的優先順序最高
誰的id最多誰的優先順序最高
id個數一樣,再看類名個數
如果類名個數一樣,再看標簽的個數
要是都一樣,誰在後面按照哪個來