Bạn cũng có thể áp dụng kiểu cho các phần tử HTML với các thuộc tính cụ thể. Quy tắc kiểu bên dưới sẽ khớp với tất cả các phần tử đầu vào có thuộc tính type với giá trị là văn bản -
input[type = "text"]{
color: #000000;
} Sau đây là các quy tắc áp dụng cho bộ chọn thuộc tính.
- p [lang] - Chọn tất cả các phần tử đoạn văn có thuộc tính lang.
- p [lang ="fr"] - Chọn tất cả các phần tử đoạn có thuộc tính lang có giá trị chính xác là "fr".
- p [lang ~ ="fr"] - Chọn tất cả các phần tử đoạn có thuộc tính lang chứa từ "fr".
- p [lang | ="en"] - Chọn tất cả các phần tử đoạn có thuộc tính lang chứa các giá trị chính xác là "en" hoặc bắt đầu bằng "en-".