Bộ chọn thuộc tính theo dấu gạch ngang trong giá trị

Bộ chọn thuộc tính theo dấu gạch ngang trong giá trị áp dụng kiểu cho phần tử, giá trị thuộc tính của nó được phân tách bằng dấu gạch ngang.

Ví dụ

Hãy tìm tất cả các phần tử có trong các giá trị được phân tách bằng dấu gạch ngang chứa text và đổi màu của chúng thành đỏ:

html<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>

cssp[class|="text"] {
  color: red;
}

Результат:

Xem thêm