學過css的小伙伴都是指css選擇器的權重
!important Infinity
行間樣式 1000
id 100
class|屬性|偽類 10
標簽|偽元素 1
通配符 0
權重相同
相同css文件：寫在后面的起作用
不同css文件：后導入的起作用
但今天遇到一個問題
<body> <div style="color: red"> <span>123</span> </div> </body>
卻是這樣的
div上設置的樣式並沒有對span上的標簽起作用
原因就是
我在通配符上設置了顏色
*{
padding: 0;
margin: 0;
color: #3c3c3c;
}
span並沒有繼承div的樣式，而是使用了通配符的樣式
這就說明只有當自身沒有樣式定義時才會去繼承樣式
<div style="color: red"> <a href="#">123</a> </div>
很明顯，默認樣式也是對自身樣式的定義，所以有默認樣式的時候也無法繼承樣式
綜上可以理解為
權重：通配符>默認樣式>繼承樣式