如何將樣式應用於帶有前綴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

回答