Вопрос по css3, css, css-selectors – Как выбрать все элементы, чей идентификатор начинается и заканчивается конкретными строками?

21

В 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   ответ
53

Следующий селектор 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;
}
Совместимость: IE7 + -quirksmode.org/css/selectors/#t23 Gareth

Похожие вопросы