css - ID が特定の文字列で開始および終了するすべての要素を選択する方法は?

Question

CSS で、で始まり、で終わるすべての<tr>要素を選択するにはどうすればよいですか?idsection__dummy

<tr>たとえば、次のスタイルを選択して適用したいと思います。

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

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

Answer 1

次の CSS3 セレクターがその役割を果たします。

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

は、が^何idから始まるかを示します。

は、が$何idで終わるかを示します。

---

idhref(たとえば) に適用すると、それ自体を などの別の属性に置き換えることができます<a>。

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