作者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