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



我需要对ID中有固定前缀的重复元素应用样式。例如,对于生成的ID old-price-520old-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/

最新更新