作者kisha024 (4545454554)
看板Web_Design
標題[問題] CSS權重問題
時間Sat Dec 16 12:38:23 2017
各位好 有個CSS權重的問題想請問大家 如下
2是藍色 表示2會受到 div > span 的影響
https://jsfiddle.net/njup28wq/
2變紅色 表示 span 的優先權大於 div > span
https://jsfiddle.net/njup28wq/1/
但根據這網頁的 CSS Specificity
http://muki.tw/tech/css-specificity-document/
div > span 是 0-0-2 而 span 是0-0-1
這樣div > span 的優先權應該大於 span 那為什麼2還會是紅色呢？
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.251.130.136
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1513399107.A.85A.html
1F：→ sanyaoooo: div > span的”>”是指div下”第一層”的span，所以夾 12/16 13:20
2F：→ sanyaoooo: 在span底下的span不會被影響到，如果你把>拿掉，就都會 12/16 13:20
為了要說明夾在span底下的span會被div > span影響到 所以 我一開始才先貼了這個連結
https://jsfiddle.net/njup28wq/
3F：→ sanyaoooo: 是藍色了 12/16 13:20
4F：推 eight0: 你說的「影響」和一樓說的「影響」不是指同件事情 12/16 14:26
5F：→ eight0: 你說的 Specificity 是指 Cascade，一樓是指 Inheritance 12/16 14:26
7F：→ eight0: 抱歉，應該說你的兩個連結的「影響」不同 12/16 14:28
謝謝 看過您提供的那個link後收穫很多
※ 編輯: kisha024 (60.251.146.64), 12/17/2017 16:23:44