如何选择所有ID以特定字符串开头和结尾的元素？

Question

在CSS中，如何选择所有id以“section_”开头且以“_dummy”结尾的<tr>元素？ 例如，我想选择并应用样式到以下的<tr>元素：

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

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

- Danny Beckett

---

创建选择器时，当ID包含括号[]时，必须使用\进行双重转义=> [id$=\\[something\\]（例如匹配<div id="cool[something]" />）。感谢：https://dev59.com/0HM_5IYBdhLWcg3ww2Gb#1239127（一个转义是为了字符串转义``\``，然后转义`[`和`]`）。并且[这里是我如何在此评论中添加``\``的方法](https://meta.stackoverflow.com/questions/275886/backslash-inside-backquotes-in-a-comment)。 - jave.web

Answer 1

以下 CSS3 选择器将完成任务：

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

^表示id应以什么开头。

$表示id应以什么结尾。

---

id本身可以替换为另一个属性，例如应用于（例如）<a>时的href：

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

- Danny Beckett