Các lớp giả cấu trúc
Thuộc phần Thành thạo CSS trong hành trình HTML của Coddy. Bài học 12 trên 43.
Các lớp giả cấu trúc trong CSS dùng để định dạng phần tử dựa trên vị trí hoặc cấu trúc của chúng trong tài liệu HTML. Chúng cho phép bạn chọn các phần tử như phần tử con đầu tiên, phần tử con cuối cùng hoặc phần tử con ở vị trí cụ thể mà không cần thêm lớp hay ID.
Các ví dụ phổ biến gồm:
:first-child: chọn phần tử con đầu tiên của phần tử cha.
:last-child: chọn phần tử con cuối cùng của phần tử cha.:nth-child(n): chọn phần tử con thứ n (ví dụ: phần tử thứ 2, thứ 3, v.v.).
Tự làm thử
Bài học này không có thử thách code.
Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Thành thạo CSS
1Làm chủ bộ chọn: Kết hợp
Giới thiệuBộ chọn hậu duệBộ chọn conBộ chọn anh em liền kềBộ chọn anh em tổng quátThử thách ôn tập7Xây dựng giao diện với CSS Grid
Cơ bản về GridĐịnh vị phần tử theo hàng của GridCác vùng được đặt tênThử thách ôn tập3Các lớp giả cấu trúc
Các lớp giả cấu trúcChọn phần tử con đầu tiênChọn phần tử con cuối cùngSức mạnh của mẫu: dùng nth-childThử thách ôn tậpTự luyện tập: Playground Web