CSS3 [thuộc tính$=giá trị] Chọn

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

CSS [thuộc tính$=giá trị] Bộ chọn được sử dụng để khớp với mỗi phần tử có giá trị thuộc tính kết thúc bằng giá trị đã chỉ định.

Mô hình

Ví dụ 1

Đặt樣式 cho tất cả các phần tử <div> có thuộc tính class kết thúc bằng "test":

div[class$="test"] {
  background: salmon;
}

Thử ngay

Ví dụ 2

Đặt樣式 cho tất cả các phần tử có thuộc tính class kết thúc bằng "test":

[class$="test"] {
  background: salmon;
}

Thử ngay

cú pháp CSS

[thuộc tính $= giá trị] {
  ký tự định nghĩa css;
}

Chi tiết kỹ thuật

Phiên bản: CSS3

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ợ bộ chọn này hoàn toàn.

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Các trang liên quan

Hướng dẫn CSS:Chọn phần tử CSS thuộc tính

Hướng dẫn CSS:Giải thích về bộ chọn thuộc tính CSS