Come selezionare tutti gli elementi che cominciano ID e termina con stringhe specifiche?

Question

In CSS, come posso selezionare tutti gli elementi in cui la loro <tr>id inizia con section_ e finisce con _dummy?

E.g. Mi piacerebbe per selezionare e applicare gli stili seguenti <tr> s:

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

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

Answer 1

Il seguente selettore CSS3 farà il lavoro:

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

Il ^ indica ciò che il id dovrebbe cominciare.

$ indica cosa deve terminare id.

---

id stessa può essere sostituito con un altro attributo, come href, quando applicato (per esempio) <a>:

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