Giới thiệu
Thuộc phần Thành thạo CSS trong hành trình HTML của Coddy. Bài học 1 trên 43.
Trong phần trước, chúng ta đã tìm hiểu các bộ chọn cơ bản như thẻ, lớp, ID, bộ chọn nhóm và bộ chọn toàn cục. Những bộ chọn này cung cấp cho bạn các công cụ để bắt đầu tạo kiểu cho các phần tử trên trang.
Bây giờ, chúng ta sẽ nâng độ khó lên một chút. Trong chương này, bạn sẽ học một số cách thông minh hơn để chọn phần tử: cụ thể là bộ chọn phần tử hậu duệ (để tạo kiểu cho một phần tử chỉ khi nó nằm bên trong một phần tử khác) và bộ chọn phần tử anh em liền kề (để tạo kiểu cho một phần tử chỉ khi nó nằm ngay sau một phần tử khác).
Những kỹ thuật này giúp CSS gọn gàng, linh hoạt và dễ quản lý hơn khi dự án của bạn phát triển.
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ậpTự luyện tập: Playground Web