Как выбрать все элементы, чей идентификатор начинается и заканчивается конкретными строками?

В CSS, как я могу выбрать все элементы <tr>, где их id начинается с section_ и заканчивается на _dummy?

например. Я хотел бы выбрать и применить стили следующих <tr> s:

<tr id="section_5_1_dummy">
    <td>...</td>
</tr>

<tr id="section_5_2_dummy">
    <td>...</td>
</tr>

Ответы

Ответ 1

Следующий селектор CSS3 выполнит задание:

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

^ обозначает, с чего должен начинаться id.

$ означает, что конец id должен заканчиваться.

id сам может быть заменен другим атрибутом, например href, когда применяется к (например) <a>:

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