Các lớp/tiểu bang giả
Official Website: https://www.sourcecodester.com/. . . . .pseudo-classeststat/
Giới thiệu: Đây là phần thứ chín trong hướng dẫn Tạo kiểu CSS của tôi, trong đó tôi sẽ đề cập đến các trạng thái/lớp Pseudo. Trạng thái giả là gì? Trạng thái hoặc lớp giả là một sự kiện được kích hoạt bởi người dùng, chẳng hạn như di chuyển chuột để di chuột qua các phần tử được đề cập chẳng hạn. Tại sao lại là Hoa Kỳ? Các tiểu bang rất quan trọng đối với một trang web có vẻ ngoài chuyên nghiệp. Mỗi trạng thái có thể đặt các thuộc tính khác nhau trên các thành phần khác nhau để người dùng dễ dàng biết họ đã/đang làm/đang làm gì. Các trạng thái có thể được sử dụng cho bất kỳ phần tử, lớp hoặc id nào miễn là nó có ý nghĩa. Ví dụ; bạn có thể sử dụng di chuột trên bất kỳ phần tử nào, trong khi bạn thực sự chỉ có thể sử dụng đã truy cập trên các liên kết. Cấu trúc: {element, id or class}:{state} { //Thuộc tính tạo kiểu CSS. } Ví dụ:Kỳ: liên kết – Một liên kết chưa được truy cập. đã truy cập – Một liên kết mà người dùng đã truy cập. di chuột – Khi người dùng di chuột qua phần tử. hoạt động – Liên kết hoạt động. tiêu điểm – Chọn phần tử đầu vào có tiêu điểm. chữ cái đầu tiên – Chọn chữ cái đầu tiên của mỗi
yếu tố. dòng đầu tiên – Chọn dòng đầu tiên của mỗi
yếu tố. con đầu lòng – Chọn mọi
phần tử là con đầu tiên của cha mẹ nó. trước – Chèn nội dung trước mỗi
yếu tố. sau – Chèn nội dung sau mỗi lần
yếu tố. lang(ngôn ngữ) – Chọn mọi
phần tử có giá trị thuộc tính lang bắt đầu bằng “it”. not(class, element or id) – Chọn tất cả các thành phần, lớp hoặc id được đề cập trước (trước not) không khớp với các lớp, thành phần hoặc id trong lớp not. Liên kết CSS với phần tử HTML: Để liên kết CSS của bạn với phần tử HTML (văn bản, div, v.v.), bạn cần phải quyết định xem mình muốn sử dụng lớp hay id, bạn cũng sẽ cần một tên duy nhất. Khi bạn đã có những thứ đó, hãy chuyển đến phần tử của bạn trong HTML và thêm…… vào các thuộc tính của phần tử đó nếu bạn chọn một lớp, hoặc…nếu bạn chọn một id. Đảm bảo bạn thay thế ‘myClass’ và/hoặc ‘myID’ bằng tên duy nhất của bạn. Sau đó, trong CSS, bạn sẽ muốn bao bọc các thuộc tính của mình bằng…nếu bạn chọn một lớp học, hoặc…(Bạn có thể xóa dòng bắt đầu bằng // nếu muốn). Đây là một ví dụ…