Bộ chọn CSS [ thuộc tính = giá trị ]
Thí dụ
Tạo kiểu cho các phần tử <a> với target = "_ blank":
a[target=_blank]
{
background-color: yellow;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Bộ chọn [ thuộc tính = giá trị ] được sử dụng để chọn các phần tử có thuộc tính và giá trị được chỉ định.
Phiên bản: | CSS2 |
---|
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ bộ chọn.
Selector | |||||
---|---|---|---|---|---|
[attribute=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Cú pháp CSS
[attribute = value] {
css declarations;
}
Các ví dụ khác
Thí dụ
Khi <input type = "text"> được lấy tiêu điểm, hãy dần dần thay đổi chiều rộng từ 100px thành 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
Các trang liên quan
Hướng dẫn CSS: Bộ chọn thuộc tính CSS