Css 如何将样式应用于带有前缀ID的元素？

我需要在ID中有固定前缀的重复元素上应用样式。例如，对于生成的ID

old-price-520

，

old-price

是前缀，数字后缀会有所不同

如何将样式应用于这些元素，或者如何使用CSS引用它们

下面是我想做的一个例子：

#旧价格-*{
//一些风格
}

您可以使用jQuery对“属性从选择器开始”进行查询

将选择具有

id=old price-*

Handycap是指与

#

id选择器的功能相比，它的性能非常差。它的特异性也低于正常的

#

编辑：

---

您可以使用CSS3中的“begin with”属性选择器执行此操作，如下所示：

[Attr^="value"]

具体的例子如下：

*[id^="old-price-"]

div[id^=old-price]
{
    // some styling
}

---

可能有更多的方法可以实现相同的结果，一个快速搜索得到了一个快速参考。

您可以尝试使用CSS3属性选择器，如下所示：

*[id^="old-price-"]

div[id^=old-price]
{
    // some styling
}

---

但是，您需要为不支持它的浏览器添加一些javascript

@christoph:我尝试过这种方法，不知道，但它不起作用。我正在使用Firefox11。0@Christoph：嘿，我错了，我用的是

E

。现在它在替换为元素后可以工作了。他没有明确地说他不能使用jQuery，这是对这个问题的有效回答。你看到任何jQuery标记了吗？他有没有写一些关于jQ的东西，他有没有提供代码，他在哪里使用jQ？你有没有看到“我不能使用jQuery，所以请不要提及jQuery？”。大约有1000个javascript框架。你为什么认为他使用jQuery？2.通过CSS设置样式>>通过Javascript设置样式3。也许他正在开发一个移动站点，在那里他需要保存每一个kb。4.是的，我可以用坦克杀死苍蝇，但是苍蝇拍更合适。这是一个可能的答案。给猫剥皮有很多种方法。您可以使用jQuery来实现这一点，而不是说它是最好的解决方案，它只是众多解决方案中的一个。然而，这仍然是一个有效的答案。p、 美国坦克太棒了。