CSS3 [thuộc tính^=giá trị] phần chọn

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

CSS [thuộc tính^=giá trị] Phần chọn được sử dụng để khớp với từng phần tử có giá trị thuộc tính theo giá trị chỉ định.

Mô hình

Ví dụ 1

Đặt màu nền cho tất cả các phần tử <div> có giá trị thuộc tính class bắt đầu bằng "test":

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

Thử ngay

Ví dụ 2

Đặt màu nền cho tất cả các phần tử có giá trị thuộc tính class bắt đầu bằng "test":

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

Thử ngay

Ngữ pháp CSS

[thuộc tính ^= giá trị] {
  các tuyên bố 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ợ đầy đủ phần chọn này.

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Trang liên quan

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

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