Bộ chọn trong CSS là một phần của bộ quy tắc CSS và được sử dụng để chọn nội dung chúng tôi muốn tạo kiểu. Cả id và class đều là bộ chọn phần tử CSS và được sử dụng để xác định một phần tử dựa trên tên được chỉ định của nó. Bộ chọn lớp và id CSS là bộ chọn được sử dụng nhiều nhất trong CSS
Trong quá trình sử dụng selector đôi khi xảy ra nhầm lẫn giữa id và class. Cả hai đều không có bất kỳ thông tin kiểu dáng mặc định nào; . Mặc dù cả hai đều được sử dụng để chọn phần tử, nhưng chúng khác nhau theo nhiều cách
Sự khác biệt giữa id và lớp được lập bảng như sau
. class{
// khai báo CSS
}Cú pháp.
#id{
// khai báo CSS
}
Hãy thảo luận riêng về id và lớp
Bộ chọn ID
Bộ chọn id được sử dụng để chọn thuộc tính id của phần tử HTML để chọn một phần tử cụ thể. Một id luôn là duy nhất trong trang, do đó, nó được chọn để chọn một phần tử duy nhất, duy nhất
Nó được viết bằng ký tự băm [#], theo sau là id của phần tử
Ví dụ về bộ chọn id được đưa ra như sau
Thí dụ
Trong ví dụ này, chúng tôi đang chọn phần tử có id "para"
Kiểm tra nó ngay bây giờđầu ra
Chúng ta đã biết phần tử này là một liên kết, nó là một phần tử neo. Ở đây không có nhu cầu cụ thể để áp dụng một lớp, vì chúng ta đã có thể áp dụng kiểu dáng thông qua thẻ của nó
Cũng nên tránh điều này
________số 8ID được sử dụng phù hợp ở đây vì trang có thể sẽ chỉ có một cột bên phải, nhưng tên không phù hợp. Hãy thử và mô tả ngữ cảnh của phần tử, không phải vị trí của phần tử đó hoặc phần tử đó trông như thế nào. ID ở đây là “thanh bên” sẽ phù hợp hơn
Microformats chỉ là tên lớp cụ thể
Nghĩ rằng vi định dạng là trên đầu của bạn? . Chúng chỉ là phần đánh dấu thông thường sử dụng tên lớp được tiêu chuẩn hóa cho thông tin mà chúng chứa. Kiểm tra một vCard tiêu chuẩn