选择具有不同名称的ID

时间:2012-04-16 17:59:56

标签: css css-selectors

我知道有一种方法可以用css选择不同的id来应用相同的样式。但是我不记得是怎么做的。

我的意思是将相同的风格应用于以下div:

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

对此有何想法?

3 个答案:

答案 0 :(得分:3)

您可以使用多个ID选择器:

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

如果你不想重复ID选择器,和/或你只想用它们的公共前缀匹配它们,你可以使用属性选择器(丢失一点specificity作为ID选择器没有像属性选择器那样的通配符匹配功能:)

div[id^="content-target"]

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

你能做到吗

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

编辑:忘了我的#s