Question

我需要在重复元素上应用样式，该元素在其ID中具有固定前缀。例如对于生成的ID old-price-520，old-price是前缀，数字后缀会有所不同。

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

以下是我想做的事情的说明：

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

Answer 1

div[id|="old-price"]

会选择div

的所有id = old-price-*元素

与# id-selector的强大功能相比，Handycap的性能非常差。它的特异性也低于正常#。

编辑：

Answer 2

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

[Attr^="value"]

，具体示例如下所示：

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

可能有更多方法可以实现相同的结果，快速搜索了attribute selectors depiction以便快速参考。

Answer 3

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

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

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

Answer 4

您可以使用jQuery通过'Attribute starts with selector'

来执行此操作