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;
}