Question

I need to apply a style on a recurring element which has a fixed prefix in its ID. e.g. for the generated ID old-price-520, old-price is the prefix, and the numeric suffix will vary.

How do I apply styles to these elements, or how do i refer to them using CSS?

Here’s an illustration of what i’d like to do:

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

Answer 1

div[id|="old-price"]

would select all div Elements with id = old-price-*

Handycap is it’s performance which is pretty poor, compared to the power of the # id-selector. Also it has a lower specificity than the normal #.

edit:

fiddle