列出用逗号分隔的同一个id中的几个元素是正确的吗？

Question

我想知道如果link1,2,3类在#cont id中，那么格式化这样的CSS样式是对的吗？

#cont .link1, .link2, .link3

由于

Answer 1

不，你想使用：

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

否则，只有第一个会定位具有类link1的元素，这些元素是ID为cont的元素的后代，而后两个元素将定位所有元素具有班级link2和link3。

Answer 2

您可以在不久的将来使用CSS Selectors Level 4 :matches或:any

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


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

Answer 3

您的代码与

相同

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

您无法一遍又一遍地复制选择器。

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

CSS没有捷径可以嵌套。 LESS和SASS具备此功能。

---

Less的示例将是

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

    }
}