Bộ chọn [attribute*="str"] nhắm mục tiêu đến các phần tử có giá trị thuộc tính chứa chuỗi con được chỉ định. Chuỗi con này có thể xuất hiện ở bất kỳ đâu trong giá trị thuộc tính. Ví dụ như đầu, cuối hoặc giữa.
Cú pháp:
element [attribute*="str"] {
// CSS Property
} Ví dụ: Trong ví dụ sau, các phần tử <p> có thuộc tính class chứa chuỗi con "for" sẽ được tạo kiểu. Chúng sẽ có nền màu xanh lá cây và chữ màu trắng.
html<!DOCTYPE html>
<html>
<head>
<title>
CSS [attribute*="str"] Selector
</title>
<!-- CSS property -->
<style>
p[class*="for"] {
background: green;
color: white;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>[attribute*=value] Selector</h2>
<p class="GeeksforGeeks">GeeksforGeeks</p>
<p class="forGeeks">A computer science portal</p>
<p class="Geeks">Sudo GATE</p>
<p class="for">Sudo placement</p>
</body>
</html>
Đầu ra:
Các trình duyệt được hỗ trợ:
Các trình duyệt được hỗ trợ bởi bộ chọn [attribute*=value] được liệt kê dưới đây:
- Google Chrome 4.0
- Internet Explorer 7.0
- Firefox 3.5
- Apple Safari 3.2
- Opera 9.6