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

我需要对其ID中包含固定前缀的循环元素应用样式。例如对于生成的ID old-price-520，old-price是前缀，数字后缀会有所不同。如何将样式应用于带有前缀ID的元素？

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

这里是我想要做的一个例证：

#old-price-* { 
    // some styles 
}

div[id|="old-price"]

将全选div元素与id = old-price-*

Handycap是它的性能相当差，相比# ID选择器的功率。它的特异性也比正常的#低。

编辑：

2012-03-29 11:37:01 Christoph

这是最好的选择。它是CSS2，它甚至可以在IE7中工作。 – thirtydot 2012-03-29 11:40:16

+1，一个不错的，我没有意识到这一点。 – 2012-03-29 11:44:22

@christoph：我试过这种方式不知道，但它不工作。我正在使用Firefox 11.0 – 2012-03-29 11:47:31

-1

您可以使用jQuery有做到这一点 '属性开始与选择'

2012-03-29 11:36:27 Magrangs

浏览器-1这不是问题。停止使用jquery的一切...... – Christoph 2012-03-29 11:46:22

他没有具体说他不能使用jQuery，这是一个有效的答案。 – Magrangs 2012-03-29 11:48:37

你有没有看到任何jQuery标签，他是否写过关于jQ的东西，他提供的代码，他在哪里使用jQ？ – Christoph 2012-03-29 11:54:16

你可以这样做 '开头，以' 在CSS3属性选择，比如：

[Attr^="value"]

和具体的例子会是什么样子这个：

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

可能有更多的方法达到相同的结果，快速搜索想出了这个attribute selectors depiction作为快速参考。

2012-03-29 11:38:41

你可以尝试使用CSS3属性选择这样的：

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

然而，你将需要添加一些JavaScript对于不支持它

2012-03-29 11:39:27

这也适用 – 2012-03-29 12:18:09

回答