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ó:

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

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

Результат:

Xem thêm