爲什麼發生特異性較低的css

<html> 
<head> 
<style> 
#wo{ 
    color: red; 
} 

p{ 
    color: yellow; 
} 
</style> 
</head> 
<body> 

<div id="wo"> 
<p>Hi</p> 

</div> 
</body> 
</html>

這是我的代碼。我聲明瞭在css（0,1,0,0）中具有比p（0,0,0,1）更高特異性的id wo的屬性，爲什麼我的段落顯示爲黃色？爲什麼發生特異性較低的css

來源

2012-12-24 dramasea

因爲'div'不是段落..... – 2012-12-24 05:06:00

因爲Hi位於p元素的內部，而不在div#wo的內部。 p元素通過繼承僅受到#wo規則的間接影響，但p規則直接針對p元素，因此它將覆蓋繼承的屬性。

特殊性只適用於兩個規則匹配相同的元素，這不是你的情況。

來源

2012-12-24 05:02:20

爲什麼發生特異性較低的css

回答

相關問題