Bộ chọn theo giá trị thuộc tính

Bộ chọn theo giá trị thuộc tính cho phép chọn các phần tử dựa trên sự hiện diện của một thuộc tính cụ thể hoặc giá trị của nó và áp dụng kiểu mong muốn cho chúng.

Ví dụ

Hãy xem xét thẻ input, có giá trị của thuộc tính type bằng text, và đặt màu nền xanh nhạt cho nó:

<p>
	<label>Nhập văn bản</label>
	<input type="text">
</p>
<p>
	<label>Nhập số</label>
	<input type="number">
</p>

input[type="text"] {
	background-color: #C2DDFD;
}

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 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 một trong các giá trị của 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 tính lồng nhau trực tiếp
Bộ chọn theo ngữ cảnh,
cho phép chọn một phần tử theo phần tử cha của nó
Bộ chọn anh chị em liền kề,
cho phép chọn một phần tử theo 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ử đã chỉ định
Bộ chọn toàn thể,
cho phép chọn tất cả các phần tử