Web Cơ Bản

Bộ chọn .class trong CSS

1) Bộ chọn .class trong CSS

- Bộ chọn .class dùng để chọn phần tử dựa theo "giá trị của thuộc tính class"

(hay nói cách khác là bộ chọn .class dùng để chọn phần tử dựa theo tên lớp của phần tử)

2) Cách sử dụng bộ chọn .class trong CSS

- Để sử dụng bộ chọn .class, ta dùng cú pháp như sau:

.classname{
    các khai báo định dạng CSS
}

3) Một số ví dụ

Ví dụ:

- Chỉnh nền màu hồng cho các phần tử mà thuộc tính class của nó có chứa giá trị là tai_lieu


.tai_lieu{
    background-color:pink;
}
Xem ví dụ

- Lưu ý: Bộ chọn .class thường được đặt làm hậu tố cho các bộ chọn khác để xác định việc phần tử của các bộ chọn khác đó phải có thuộc tính class với một giá trị cụ thể.

Ví dụ:

- Chỉnh nền màu hồng cho các phần tử <p> mà thuộc tính class của nó có chứa giá trị là tai_lieu


p.tai_lieu{
    background-color:pink;
}
Xem ví dụ