特定の文字列でIDの先頭と末尾のすべての要素を選択するにはどうすればよいですか？

Question

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

など。私は、次の<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; 
}