PTT數位生活區 / Web_Design

[問題] CSS權重問題

看板Web_Design作者 (4545454554)時間7年前 (2017/12/16 12:38), 7年前編輯推噓1(1推 0噓 6→)
留言7則, 2人參與, 7年前最新討論串1/1
各位好　有個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
→
12/16 13:20, 7年前 , 1F
div > span的”>”是指div下”第一層”的span，所以夾
12/16 13:20, 1F
→
12/16 13:20, 7年前 , 2F
在span底下的span不會被影響到，如果你把>拿掉，就都會
12/16 13:20, 2F
為了要說明夾在span底下的span會被div > span影響到 所以 我一開始才先貼了這個連結 https://jsfiddle.net/njup28wq/
→
12/16 13:20, 7年前 , 3F
是藍色了
12/16 13:20, 3F
推
12/16 14:26, 7年前 , 4F
你說的「影響」和一樓說的「影響」不是指同件事情
12/16 14:26, 4F
→
12/16 14:26, 7年前 , 5F
你說的 Specificity 是指 Cascade，一樓是指 Inheritance
12/16 14:26, 5F
→
12/16 14:27, 7年前 , 6F
12/16 14:27, 6F
→
12/16 14:28, 7年前 , 7F
抱歉，應該說你的兩個連結的「影響」不同
12/16 14:28, 7F
謝謝 看過您提供的那個link後收穫很多 ※ 編輯: kisha024 (60.251.146.64), 12/17/2017 16:23:44
‣ 更多 kisha024 的文章
文章代碼(AID): #1QDAD3XQ (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 kisha024 的文章
文章代碼(AID): #1QDAD3XQ (Web_Design)