Please enable JavaScript.
Coggle requires JavaScript to display documents.
Kiểu bộ chọn Pseudo-class và Pseudo-element (CSS) - Coggle Diagram
Kiểu bộ chọn Pseudo-class và Pseudo-element (CSS)
Pseudo-class
Khái niệm:Dùng để chọn trạng thái đặc biệt của phần tử HTML.
Cú pháp:selector:pseudo-class
Chức năng:Áp dụng CSS khi phần tử ở một trạng thái nhất định.
Ví dụ thường gặp:
:link → liên kết chưa được click
:visited → liên kết đã click
:hover → khi rê chuột lên phần tử
Pseudo-element
Khái niệm:Dùng để chọn và định dạng một phần nhỏ bên trong phần tử HTML.
Cú pháp:::pseudo-element
Chức năng:Trang trí nội dung mà không cần sửa HTML.
Ví dụ thường gặp:
::first-line → dòng đầu tiên
::first-letter → chữ cái đầu
::selection → phần văn bản được bôi chọn
Liên hệ trong CSS
Pseudo-class → mô tả trạng thái của phần tử
Pseudo-element → mô tả thành phần bên trong phần tử
CSS hỗ trợ định dạng cả hai để tăng tính linh hoạt khi thiết kế giao diện