權重問題 在此請教各位前輩幾個問題
如圖所示
p{color:red!important;}
.first{color:green:}
問題1：如果加上!important后權值為最大 .first為類選擇器權值為10
為什么文中正文第二段的簡單依然被低權值的.first作用為綠色？
問題2：p.first和.first的區別 ？
問題3：p.first和.first是不是都為類選擇器？
問題4：為什么p.first只會作用于第一段文字 ?.fitst作用于第一段文字和第二段文字中的簡單兩字？
哦88
2016-05-19
5 回答
舉報
0/150
提交
取消
2016-06-28
參考第一位的答案吧
2016-06-23
!important具有最高優先級，高于id/class，這里!important是作用于p，然后作用span是繼承，繼承權值最低，具參考文獻說是0.1。而class是10， ? 10>1。所以顯示的是class的顏色。
在重要性有關這題的答案，可以去看一下。
2016-06-22
第一個問題：!important你作用的是p標簽，而不是span標簽，而你設定的first類的顏色是綠色，同時作用在了p標簽和span標簽中。所以在span標簽中的first類起作用了，而作用在p標簽上的first類被!important給抵消了。
第二個問題：p .first表示p標簽下的first類起作用。
?????????????????????.first表示不論你的first類作用在哪個標簽中都起作用。
2016-06-04
問題1:我的兩段都是全紅字,沒有你說的情況
問題2:p.first我理解的是定義class值為first的<p>標簽,而.first則是指class值為 first的所有標簽,不一定只有<p>標簽了
問題3:是
問題4:參考問題2.
2016-05-19
第一個問題：內聯樣式權值是高于選擇器的。
第二個問題：一個是標簽選擇器，一個是類選擇器。
第三個問題：就這樣理解吧，離標簽越近，就會被使用！