作者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/cn.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