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

Câu hỏi 1: Mức độ ưu tiên của bộ chọn trong CSS là gì?

Trả lời: Là quy tắc để xác định style nào sẽ được áp dụng khi nhiều style cùng tác động lên một phần tử.

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: Tại sao cần quan tâm đến mức độ ưu tiên của bộ chọn?

Trả lời: Để đảm bảo các style được áp dụng đúng như mong muốn, tránh xung đột và lỗi hiển 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: Các yếu tố nào ảnh hưởng đến mức độ ưu tiên của một bộ chọn?

Trả lời: Loại bộ chọn (element, class, id, inline), tính đặc hiệu của bộ chọn, vị trí của khai báo trong file CSS.

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: Bộ chọn nào có mức độ ưu tiên cao nhất?

Trả lời: Inline style (style được khai báo trực tiếp trong thẻ HTML).

Câu hỏi 14: Bộ chọn nào có mức độ ưu tiên thấp nhất?

Trả lời: Element selector (bộ chọn theo tên thẻ).

Câu hỏi 15: Các loại bộ chọn phổ biến trong CSS là gì?

Trả lời: Element selector, class selector, id selector, attribute selector, pseudo-class, pseudo-element.

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: Tính đặc hiệu của bộ chọn là gì?

Trả lời: Là một điểm số được tính toán để xác định độ ưu tiên của một bộ chọn.

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.