CSS [attribute|=value] selector

Định nghĩa và cách sử dụng

CSS [attribute|=value] Selector được sử dụng để chọn các phần tử có thuộc tính được chỉ định và giá trị thuộc tính hoàn toàn khớp hoặc bắt đầu bằng giá trị được chỉ định theo sau dấu gạch chéo (-).

Lưu ý:Giá trị phải là một từ hoàn chỉnh, có thể xuất hiện riêng lẻ, như lang="en", hoặc theo sau dấu gạch chéo (-), như lang="en-us".

Mô hình

Ví dụ 1

Chọn và thiết lập樣式 cho các phần tử có thuộc tính lang bằng "en" hoặc "en-":

[lang|="en"] {
  background-color: yellow;
}

Thử ngay

Ví dụ 2

Chọn và thiết lập樣式 cho các phần tử có thuộc tính class bằng "top" hoặc "top-":

[class|="top"] {
  background-color: yellow;
}

Thử ngay

Ngữ pháp CSS

[attribute |= value] {
  các declaration css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ selector này hoàn toàn.