請問div的背景顏色為紅色還是綠色呢？
lang
="en"
>
>
charset
="utf-8"
>
>
documenttitle
>
>
divstyle
>
head
>
>
style
="background-color
: green;
">
div>
body
>
html
>
lang
="en"
>
>
charset
="utf-8"
>
>
documenttitle
>
>
div#demo1
.demo2
style
>
head
>
>
class
="demo2"
id="demo1"
>
div>
body
>
html
>
.demo2
#demo1
權值是256進製。
相關屬性
權值相關樣例
!important
infinity
#only
行間樣式
1000
p style = 「」 /p
id100
#demo{}
class、屬性、偽類
10.demo{} 、 、a:hover{}
標籤、偽元素
1div{} 、::after{}
萬用字元0
*{}第乙個問題中，由於行間樣式的權值要比內聯樣式的權值要高，所以執行行間樣式的**。第二個問題中，由於id的權值要比class權值高，所以執行id的**。
CSS 選擇器權重（優先順序）
計算指定選擇器的優先順序 重新認識css的權重 important 加1,0,0,0 id 選擇器 如 id 加0,1,0,0 class 類選擇符 如 class 每個屬性選擇符 如 attribute 每個偽類 如 hover 加0,0,1,0 元素選擇符 如p 或偽元素選擇符 如 firstc...
18 選擇器權重（優先順序）
樣式的衝突 當我們通過不同的選擇器，選中相同的元素時，並且為相同的樣式設定不同的值時，此時就發生了樣式的衝突 發生樣式衝突時，應用哪個樣式由選擇器的權重 優先順序 決定 選擇器的權重 內聯樣式 1000 id選擇器 100 類和偽元素選擇器 10 元素選擇器 1 通配選擇器 0 繼承的樣式 沒有優先...
選擇器優先順序 CSS選擇器優先順序總結
css選擇器優先順序這個問題，相信有點經驗前端都會認為非常簡單，但是我們今天還是來總結一下吧。相信大家應該很少直接在html頁面寫樣式吧，一般都是用link標籤匯入css樣式表。使用者自定義樣式表就是我們用link標籤引入的css樣式表，為了保持不同瀏覽器下樣式相同，所以我們的自定義樣式表一般都會覆...