[問題] CSS權重問題

[kisha024 (4545454554)]

各位好　有個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://www.ptt.cc/bbs/Web_Design/M.1513399107.A.85A.html
→ sanyaoooo: div > span的”>”是指div下”第一層”的span，所以夾
→ sanyaoooo: 在span底下的span不會被影響到，如果你把>拿掉，就都會
為了要說明夾在span底下的span會被div > span影響到 所以 我一開始才先貼了這個連結
https://jsfiddle.net/njup28wq/
→ sanyaoooo: 是藍色了
推 eight0: 你說的「影響」和一樓說的「影響」不是指同件事情
→ eight0: 你說的 Specificity 是指 Cascade，一樓是指 Inheritance
→ eight0: MDN: https://goo.gl/MSlW83
→ eight0: 抱歉，應該說你的兩個連結的「影響」不同
謝謝 看過您提供的那個link後收穫很多
※ 編輯: kisha024 (60.251.146.64), 12/17/2017 16:23:44