Html 在同一个id中列出几个元素并用逗号分隔是否正确?
我想知道,如果link1、2、3类在#cont id内,这样格式化CSS样式是否正确 谢谢不,您想使用: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中没有捷径可以进行嵌套。并且有这种能力 例如,使用较少的 #续{
#续链接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*/
}