[問題] CSS權重問題

作者: kisha024 (4545454554)   2017-12-16 12:38:23
各位好 有個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還會是紅色呢?
謝謝
作者: sanyaoooo (山藥)   2017-12-16 13:20:00
div > span的”>”是指div下”第一層”的span,所以夾在span底下的span不會被影響到,如果你把>拿掉,就都會是藍色了
作者: eight0 (欸XD)   2017-12-16 14:26:00
你說的「影響」和一樓說的「影響」不是指同件事情你說的 Specificity 是指 Cascade,一樓是指 InheritanceMDN: https://goo.gl/MSlW83抱歉,應該說你的兩個連結的「影響」不同

Links booklink

Contact Us: admin [ a t ] ucptt.com