BÀI 17. CÁC MỨC ƯU TIÊN CỦA BỘ CHỌN

Câu hỏi 1: Bộ chọn trong CSS là gì?

Trả lời: Là một quy tắc để chọn các phần tử HTML mà muốn áp dụng kiểu.

Câu hỏi 2: Các loại bộ chọn cơ bản trong CSS là gì?

Trả lời: Bộ chọn theo thẻ, bộ chọn theo ID, bộ chọn theo class, bộ chọn kết hợp.

Câu hỏi 3: Sự khác biệt giữa ID và class trong CSS?

Trả lời: ID là duy nhất cho một phần tử, class có thể dùng cho nhiều phần tử.

Câu hỏi 4: Thứ tự ưu tiên của các bộ chọn là như thế nào?

Trả lời: Bộ chọn theo ID có ưu tiên cao nhất, sau đó là bộ chọn theo class và cuối cùng là bộ chọn theo thẻ.

Câu hỏi 5: Bộ chọn con là gì?

Trả lời: Chọn phần tử con trực tiếp của phần tử cha.

Câu hỏi 6: Bộ chọn thuộc tính trong CSS có tác dụng gì?

Trả lời: Cho phép bạn chọn các phần tử dựa trên giá trị của thuộc tính.

Câu hỏi 7: Pseudo-elements trong CSS dùng để làm gì?

Trả lời: Tạo ra các phần tử con ảo, ví dụ: ::before, ::after.

Câu hỏi 8: Cách kết hợp nhiều bộ chọn trong một quy tắc CSS?

Trả lời: Dùng dấu cách, dấu >, dấu + để kết hợp.

Câu hỏi 9: Bộ chọn giả trong CSS là gì?

Trả lời: Cho phép bạn chọn các phần tử dựa trên trạng thái hoặc vị trí của chúng, ví dụ: :hover, :first-child.

Câu hỏi 10: Sự khác biệt giữa bộ chọn universal (*) và bộ chọn type?

Trả lời: Bộ chọn universal chọn tất cả các phần tử, bộ chọn type chỉ chọn một loại phần tử cụ thể.

Câu hỏi 11: Làm thế nào để chọn tất cả các đoạn văn có class là "highlight"?

Trả lời: p.highlight {}

Câu hỏi 12: Làm thế nào để chọn phần tử li đầu tiên trong một danh sách không có thứ tự?

Trả lời: ul > li:first-child {}

Câu hỏi 13: Làm thế nào để thay đổi màu nền của một liên kết khi con trỏ chuột di chuyển qua?

Trả lời: a:hover { background-color: blue; }

Câu hỏi 14: Làm thế nào để tạo một hiệu ứng đổ bóng cho một phần tử?

Trả lời: box-shadow: 5px 5px 5px #888;

Câu hỏi 15: Làm thế nào để tạo một hiệu ứng chuyển tiếp mượt mà khi thay đổi kích thước của một phần tử?

Trả lời: transition: width 0.5s ease;

Câu hỏi 16: Bộ chọn pseudo-class là gì?

Trả lời: Là một bộ chọn đặc biệt trong CSS, cho phép chọn các phần tử dựa trên trạng thái hoặc điều kiện nhất định mà phần tử đó đang ở.

Câu hỏi 17: Ví dụ về một số pseudo-class thường dùng?

Trả lời: :hover, :active, :focus, :first-child, :last-child

Câu hỏi 18: Sự khác biệt giữa :hover và :active?

Trả lời: :hover kích hoạt khi con trỏ chuột di chuyển qua phần tử, :active kích hoạt khi phần tử đang được click.

Câu hỏi 19: Pseudo-class :first-child và :last-child dùng để làm gì?

Trả lời: Chọn phần tử con đầu tiên hoặc cuối cùng của một phần tử cha.

Câu hỏi 20: Pseudo-class :link và :visited khác nhau như thế nào?

Trả lời: :link chọn các liên kết chưa được truy cập, :visited chọn các liên kết đã được truy cập.