Wie wählt man alle Elemente aus, deren ID mit bestimmten Strings beginnt und endet?

Question

In CSS, wie kann ich alle <tr> Elemente auswählen, wo ihre id mit section_ beginnt und mit _dummy endet?

z. Ich möchte Arten auswählen und anwenden, um die folgenden <tr> s:

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

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

Answer 1

Die folgende CSS3-Selektor den Job tun:

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

Die ^ bezeichnet, was die id beginnen sollen.

Die $ bezeichnet, was die id mit enden sollte.

---

id selbst mit einem anderen Attribute ersetzt werden kann, wie beispielsweise href, wenn sie (zum Beispiel) aufgebracht <a>:

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