我需要对ID中有固定前缀的重复元素应用样式。例如,对于生成的ID old-price-520
,old-price
是前缀,数字后缀会有所不同。
如何将样式应用于这些元素,或者如何使用CSS引用它们?
下面是我想做的一个例子:
#old-price-* {
// some styles
}
div[id|="old-price"]
将选择具有id = old-price-*
的所有div
元素
Handycap的性能与#
id选择器的性能相比相当差。其特异性也低于正常CCD_ 6。
编辑:
小提琴
您可以尝试使用CSS3属性选择器,如下所示:
div[id^=old-price]
{
// some styling
}
但是,您需要为不支持它的浏览器添加一些javascript。
您可以使用(CSS3的)"begin with"属性选择器来完成此操作,如下所示:
[Attr^="value"]
具体的例子如下:
*[id^="old-price-"]
可能有更相似的方法来实现相同的结果;快速搜索得到了这个属性选择器描述,可以用于快速引用。
您可以使用jQuery通过"属性从选择器开始"来完成此操作
http://api.jquery.com/attribute-starts-with-selector/