[attribute$=value] | CSS3 | Học web chuẩn

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

"[attribute$=value]" Chọn tất cả thành phần với thuộc tính có giá trị kết thúc bằng "value".
Giá trị kết thúc bằng "value" có thể là:
- value
- abcvalue
- abc-value
- abc_value
- abc-value-def
- abc_value_def
- value-abc
- value_abc
- valueabc
- value-abc
- value_abc

Ghi chú: Màu xanh là màu được chọn.

Cấu trúc

[attribute$=value] {
    property: value; 
}

Ví dụ

HTML viết:

<html>
<head></head>
<body>
<p class="test">test</p>
<p class="first_test">first-test</p>
<p class="first-test">first_test</p>
<p class="firsttest">firsttest</p>
<p class="firsttestlast">firsttestlast</p>
<p class="first_test_last">first-test-last</p>
<p class="first-test-last">first_test_last</p>
<p class="test_last">test-last</p>
<p class="test-last">test_last</p>
<p class="testlast">testlast</p>
<p>none</p>
</body>
</html>