在逗號分隔的相同ID中列出幾個元素是否正確？

Question

我想知道是否正確格式化CSS樣式，如果link1,2,3類在#cont ID內？

#cont .link1, .link2, .link3 

感謝

Answer 1

不，你想使用：

#cont .link1, #cont .link2, #cont .link3 

否則，只有第一個將目標與類link1是元素的後代與ID cont元素，而最後兩個將針對所有元素具有類link2和link3。

Answer 2

你的代碼是一樣的東西

#cont .link1 {} 
.link2 {} 
.link3 {} 

你被卡住選擇一遍又一遍的複製。

#cont .link1, 
#cont .link2, 
#cont .link3 { } 

CSS中沒有捷徑來嵌套。 LESS和SASS有這種能力。

---

例與少會

#cont { 
    .link1, .link2, .link3 { 

    } 
} 

Answer 3

您可以使用CSS選擇器4級:matches或:any在不久的將來

#cont:matches(.link1, .link2, .link3) { 
    /* This is an experimental technology*/ 
} 


#cont:-moz-any(.link1, .link2, .link3) { 
    /* This is an experimental technology*/ 
}