在逗号分隔的相同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*/ 
}