CSS [thuộc tính~=giá trị] Chọn器

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

CSS [thuộc tính~=giá trị] Phần tử chọn được sử dụng để chọn các phần tử có giá trị thuộc tính chứa từ cụ thể.

Ví dụ dưới đây sẽ khớp với các phần tử có title="flower", title="summer flower" và title="flower new", nhưng sẽ không khớp với title="my-flower" hoặc title="flowers".

Mẫu

Chọn và thiết lập phong cách cho tất cả các phần tử có thuộc tính title chứa từ "flower":

[title~="flower"] {
  border: 5px solid green;
}

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: CSS2

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 tử chọn này.

Chrome Edge Firefox Safari Opera
4.0 7.0 2.0 3.1 9.6

Các trang liên quan

Hướng dẫn CSS:Chọn器 thuộc tính trong CSS

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