CSS . bộ chọn lớp
Thí dụ
Chọn và tạo kiểu cho tất cả các phần tử với class = "intro":
.intro {
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ộ .class
chọn chọn các phần tử có thuộc tính lớp cụ thể.
Để chọn các phần tử với một lớp cụ thể, hãy viết một ký tự dấu chấm (.), Theo sau là tên của lớp.
Bạn cũng có thể chỉ định rằng chỉ các phần tử HTML cụ thể mới bị ảnh hưởng bởi một lớp. Để thực hiện việc này, hãy bắt đầu bằng tên phần tử, sau đó viết ký tự dấu chấm (.), Tiếp theo là tên của lớp (xem Ví dụ 1 bên dưới).
Các phần tử HTML cũng có thể tham chiếu đến nhiều hơn một lớp (xem Ví dụ 2 bên dưới).
Phiên bản: | CSS1 |
---|
Hỗ trợ trình duyệt
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
Cú pháp CSS
.class {
css declarations;
}
Các ví dụ khác
ví dụ 1
Tạo kiểu cho tất cả các phần tử <p> với class = "country":
p.hometown {
background-color: yellow;
}
Ví dụ 2
Phần tử <p> này sẽ được tạo kiểu theo class = "center" VÀ thành class = "large":
<p class="center large">This paragraph refers to two classes.</p>