css - 选择具有不同名称的 ID

Question

我知道有一种方法可以使用 css 选择不同的 id 来应用相同的样式。但我不记得如何了。

我的意思是对下面的 div 应用相同的样式：

content-target1
content-target2
content-target3
content-target4

对此有任何想法吗？

Answer 1

您可以只使用多个 ID 选择器：

#content-target1, #content-target2, #content-target3, #content-target4

如果您不想重复 ID 选择器，和/或只想通过它们的公共前缀匹配它们，则可以使用属性选择器代替（失去一点特异性，因为 ID 选择器没有通配符匹配功能像属性选择器一样）：

div[id^="content-target"]

Answer 2

“#id”是您选择 id 的方式，“sel1, sel2”是您为规则选择 sel1 或 sel2 的方式：

#content-target1, #content-target2 { background: red; }

Answer 3

你能做吗

#content-target1, #content-target2, #content-target3, #content-target4 {
CSS HERE 
}

编辑：忘记我的#s