How to select all elements whose ID starts and ends with specific strings?

Question

In CSS, how can I select all elements where their id begins with section_ and ends with _dummy?

E.g. I

Answer 1

The following CSS3 selector will do the job:

tr[id^="section_"][id$="_dummy"] {
    height: 200px;
}

The ^ denotes what the id should begin with.

The $ denotes what the id should end with.

---

id itself can be replaced with another attribute, such as href, when applied to (for example) <a>:

a[href^="http://www.example.com/product_"][href$="/about"] {
    background-color: red;
}