Bộ chọn theo một trong các giá trị của thuộc tính

Bộ chọn theo một trong các giá trị của thuộc tính thiết lập kiểu cho phần tử có ít nhất một trong các giá trị được chỉ định trong thuộc tính. Trong đó, tất cả các giá trị của thuộc tính phải được phân tách bằng dấu cách.

Ví dụ

Hãy tìm tất cả các <p> chứa một trong các giá trị test, và đổi màu của chúng sang màu xanh dương:

<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>

p[class~="test"] {
	color: blue;
}

Xem thêm

bộ chọn thuộc tính,
tìm phần tử theo tên thuộc tính
bộ chọn thuộc tính,
tìm phần tử theo giá trị thuộc tính
bộ chọn thuộc tính,
tìm phần tử theo phần đầu giá trị thuộc tính
bộ chọn thuộc tính,
tìm phần tử theo phần cuối giá trị thuộc tính
bộ chọn thuộc tính,
tìm phần tử theo văn bản trong giá trị thuộc tính
bộ chọn thuộc tính,
tìm phần tử theo dấu gạch ngang trong giá trị thuộc tính
Bộ chọn con trực tiếp,
cho phép chọn các phần tử theo quan hệ lồng nhau trực tiếp
Bộ chọn theo ngữ cảnh,
cho phép chọn phần tử dựa trên phần tử cha của nó
Bộ chọn anh chị em liền kề,
cho phép chọn phần tử dựa trên phần tử liền kề của nó
Bộ chọn anh chị em chung,
cho phép chọn các phần tử sau phần tử được chỉ định
Bộ chọn toàn cục,
cho phép chọn tất cả các phần tử