CSS [thuộc tính=giá trị] Chọn

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

CSS [thuộc tính=giá trị] Bộ chọn được sử dụng để chọn các phần tử có thuộc tính cụ thể và giá trị thuộc tính hoàn toàn khớp.

Mô hình

Ví dụ 1

Chọn và đặt樣式 cho tất cả các phần tử <a> có thuộc tính target="_blank". Đồng thời chọn và đặt樣式 cho tất cả các phần tử <p> có thuộc tính lang="it":

a[target="_blank"] {
  background-color: yellow;
}
p[lang="it"] {
  background-color: salmon;
}

Thử ngay

Ví dụ 2

Đặt độ rộng của phần tử <input type="text"> là 100px. Tuy nhiên, khi nó nhận được sự tập trung, đặt độ rộng là 250px:

input[type="text"] {
  width: 100px;
}
input[type="text"]:focus {
  width: 250px;
}

Thử ngay

Ngữ pháp CSS

[thuộc tính = giá trị] {
  các quy định css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ bộ chọn này.