Html 在同一个id中列出几个元素并用逗号分隔是否正确?

Html 在同一个id中列出几个元素并用逗号分隔是否正确?,html,css,css-selectors,Html,Css,Css Selectors,我想知道,如果link1、2、3类在#cont id内,这样格式化CSS样式是否正确 谢谢不,您想使用: #续链接1、#续链接2、#续链接3 否则,只有第一个将目标元素的类为link1,它们是ID为cont的元素的后代,而最后两个将目标元素的类为link2和link3的所有元素。您的代码与 #cont.link1{} .link2{} .link3{} 您必须反复复制选择器 #续链接1, #续链接2, #续链接3{} CSS中没有捷径可以进行嵌套。并且有这种能力 例如,使用较少的 #续{

我想知道,如果link1、2、3类在#cont id内,这样格式化CSS样式是否正确

谢谢

不,您想使用:

#续链接1、#续链接2、#续链接3

否则,只有第一个将目标元素的类为
link1
,它们是ID为
cont
的元素的后代,而最后两个将目标元素的类为
link2
link3
的所有元素。您的代码与

#cont.link1{}
.link2{}
.link3{}
您必须反复复制选择器

#续链接1,
#续链接2,
#续链接3{}
CSS中没有捷径可以进行嵌套。并且有这种能力


例如,使用较少的

#续{
.link1、.link2、.link3{
}
}

您可以使用CSS选择器级别4
:匹配
或在不久的将来

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


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

我不知道该怎么办——两个答案都很清楚)谢谢你的解释不要使用
:any()
。等待
:匹配()
。请看(在ID选择器和伪类之间可能会有一个后代选择器)。有浏览器支持这个吗?@jo8691 Firefox和Chrome only没有,这个答案比Epasarello的答案晚了2分钟stats@user3695711-不,那是两分钟前
#cont:matches(.link1, .link2, .link3) {
  /* This is an experimental technology*/
}


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