CSS chọn các yếu tố với id phần

Question

Tôi có một số yếu tố được tạo ra với PHP và tôi muốn biết nếu nó có thể chọn một phần tử với id không đầy đủ, ví dụ:

<div class="1" id="as_1"> ... </div> 
<div class="2" id="bs_1"> ... </div> 

<div class="1" id="as_2"> ... </div> 
<div class="2" id="bs_2"> ... </div> 

Lớp đang được sử dụng để những thứ họ có chung, nhưng bây giờ tôi cần phải chọn chúng riêng lẻ nhưng tôi không biết toàn bộ tên id.

Tôi có thể sử dụng một cái gì đó như:

#as_{ ... } 
#bs_{ ... } 

Cảm ơn bạn trước.

Answer 1

Không phải với bộ chọn ID kể từ khi họ yêu cầu các tên ID hoàn chỉnh, nhưng với substring attribute selectors:

div[id^="as_"] 
div[id^="bs_"] 

Nhưng vì yếu tố của bạn có một class thuộc tính dù sao, tại sao không thêm một lớp chung cho từng nhóm yếu tố và chọn bởi rằng lớp học để làm cho mọi thứ đơn giản hơn? Bạn có thể xác định lớp nhóm bằng cách sử dụng PHP như bạn làm để tạo các ID.