如何選擇ID開始和結束於特定字符串的所有元素？

Question

在CSS中，如何選擇所有<tr>元素，其id以section_開頭並以_dummy結尾？

E.g.我想選擇和應用樣式以下<tr> S：

<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應以什麼結尾。

---

id本身可以與另一個屬性來代替，如href，當施加到（例如）<a>：

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