Làm cách nào để chọn tất cả các thành phần có ID bắt đầu và kết thúc bằng chuỗi cụ thể?

Question

Trong CSS, làm cách nào tôi có thể chọn tất cả các thành phần <tr> trong đó id bắt đầu bằng section_ và kết thúc bằng _dummy?

Ví dụ: Tôi muốn lựa chọn và áp dụng phong cách các <tr> s sau:

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

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

Answer 1

Các selector CSS3 sau đây sẽ thực hiện công việc:

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

Các ^ biểu thị những gì id nên bắt đầu với.

$ biểu thị những gì mà id sẽ kết thúc bằng.

---

id chính nó có thể được thay thế bằng thuộc tính khác, chẳng hạn như href, khi áp dụng cho (ví dụ) <a>:

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