Bộ chọn theo phần đầu giá trị thuộc tính

Bộ chọn theo phần đầu giá trị thuộc tính áp dụng kiểu cho phần tử mà giá trị thuộc tính của thẻ bắt đầu với một văn bản nhất định.

Ví dụ

Hãy xem xét thẻ <a>, mà giá trị thuộc tính href của nó bắt đầu bằng https và đổi màu của nó thành màu đỏ:

<a href="file.html">link1</a>
<a href="https://code.mu">link2</a>

a[href^="https://"] {
	color: red;
}

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 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ị 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ử theo phần tử cha của nó
Bộ chọn liền kề,
cho phép chọn 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 phổ quát,
cho phép chọn tất cả các phần tử