下面的代碼權值看不懂
上圖中.first{color:green:red;}的權值是10;
p span{color:purple;}的權值是2
明明first{color:green:red;}的權值大于p span{color:purple;}的權值,為什么“膽小如鼠”還是顯示顏色會是purple?
這個權值的比較規則是什么?
上圖中.first{color:green:red;}的權值是10;
p span{color:purple;}的權值是2
明明first{color:green:red;}的權值大于p span{color:purple;}的權值,為什么“膽小如鼠”還是顯示顏色會是purple?
這個權值的比較規則是什么?
2015-10-05
舉報
2015-10-05
第一條樣式,直接作用于p元素,而不是直接作用于span元素,第二條樣式直接作用于span元素,兩條樣式針對的元素都不同,比較權值有什么意義
“膽小如鼠”是span內的文本內容,.first{}作用的是p內部文字,在沒有第二條樣式情況下,span內文字之所以跟p內文字顏色相同,這是因為color屬性會繼承,span文字顏色繼承自p上的樣式,繼承樣式特殊性為0,