1. Khi áp dụng các thuộc tính CSS, thứ tự ưu tiên từ thấp đến cao thường là:
A. Kiểu phần tử < Lớp < ID < Inline Style
B. ID < Lớp < Kiểu phần tử < Inline Style
C. Kiểu phần tử < ID < Lớp < Inline Style
D. Lớp < Kiểu phần tử < ID < Inline Style
2. Trong CSS, bộ chọn nào có độ ưu tiên cao nhất khi áp dụng cho cùng một phần tử?
A. Bộ chọn thuộc tính (Attribute selectors)
B. Bộ chọn lớp (Class selectors)
C. Bộ chọn kiểu phần tử (Type selectors)
D. Bộ chọn ID (ID selectors)
3. CSS cho phép sử dụng ký tự `>` để phân biệt loại bộ chọn kết hợp nào?
A. Bộ chọn anh em liền kề (Adjacent sibling selector)
B. Bộ chọn con trực tiếp (Child selector)
C. Bộ chọn con cháu (Descendant selector)
D. Bộ chọn anh em (General sibling selector)
4. Bộ chọn nào sau đây có độ ưu tiên thấp hơn bộ chọn thuộc tính (ví dụ: `[type="text"]`)?
A. Bộ chọn lớp (ví dụ: `.my-class`)
B. Bộ chọn ID (ví dụ: `#my-id`)
C. Inline Style
D. Bộ chọn kiểu phần tử (ví dụ: `input`)
5. Bộ chọn nào có độ ưu tiên thấp hơn bộ chọn con cháu (descendant selector)?
A. Bộ chọn lớp (Class selector)
B. Bộ chọn ID (ID selector)
C. Bộ chọn kiểu phần tử (Type selector)
D. Inline Style
6. Nếu một phần tử có cả thuộc tính `style` (inline style) và được áp dụng bởi một quy tắc CSS sử dụng bộ chọn ID, quy tắc nào sẽ được ưu tiên?
A. Quy tắc sử dụng bộ chọn ID.
B. Thuộc tính `style` (inline style).
C. Quy tắc xuất hiện sau.
D. Tùy thuộc vào trình duyệt.
7. Bộ chọn `:nth-child(even)` tương đương với bộ chọn nào sau đây?
A. :nth-child(odd)
B. :first-child
C. :nth-child(2n)
D. :last-child
8. Trong CSS, việc sử dụng ký tự `*` trong bộ chọn (`*`) có ý nghĩa gì?
A. Chọn tất cả các phần tử có thuộc tính cụ thể.
B. Chọn tất cả các phần tử con của phần tử hiện tại.
C. Chọn tất cả các phần tử trên trang.
D. Chọn tất cả các phần tử có một lớp cụ thể.
9. Bộ chọn nào sau đây có độ ưu tiên thấp nhất trong các bộ chọn phổ biến của CSS?
A. Bộ chọn lớp (Class selectors)
B. Bộ chọn kiểu phần tử (Type selectors)
C. Bộ chọn con cháu (Descendant selectors)
D. Bộ chọn ID (ID selectors)
10. Bộ chọn nào sau đây có độ ưu tiên ngang bằng với bộ chọn lớp (ví dụ: `.my-class`)?
A. Bộ chọn ID (ví dụ: `#my-id`)
B. Bộ chọn kiểu phần tử (ví dụ: `div`)
C. Bộ chọn thuộc tính (ví dụ: `[href]`)
D. Inline Style
11. Độ ưu tiên của bộ chọn "li.item" so với bộ chọn "ul li" là gì?
A. "li.item" có độ ưu tiên cao hơn
B. "ul li" có độ ưu tiên cao hơn
C. Cả hai có độ ưu tiên bằng nhau
D. Không thể xác định nếu không có ngữ cảnh HTML
12. Khi hai bộ chọn có cùng độ ưu tiên, yếu tố nào sẽ quyết định bộ chọn nào được áp dụng trước?
A. Thứ tự xuất hiện của bộ chọn trong file CSS.
B. Độ phức tạp của bộ chọn.
C. Thứ tự xuất hiện của bộ chọn trong file HTML.
D. Bộ chọn có số lượng ký tự nhiều hơn.
13. Khi hai bộ chọn có cùng độ ưu tiên và cùng xuất hiện trong tệp CSS, quy tắc nào sẽ được áp dụng nếu chúng xung đột về thuộc tính?
A. Quy tắc nào có bộ chọn cụ thể hơn.
B. Quy tắc nào áp dụng cho thuộc tính ít phổ biến hơn.
C. Quy tắc nào xuất hiện sau cùng trong tệp CSS.
D. Quy tắc nào được xác định bởi trình duyệt.
14. Khi viết CSS, `div > p` và `div p` có sự khác biệt quan trọng nào về cách chọn phần tử?
A. `div > p` chọn tất cả "p" bên trong "div", `div p` chỉ chọn "p" là con trực tiếp.
B. `div p` chọn tất cả "p" bên trong "div", `div > p` chỉ chọn "p" là con trực tiếp.
C. Không có sự khác biệt.
D. `div > p` có độ ưu tiên thấp hơn.
15. Khi muốn áp dụng một kiểu dáng cho tất cả các phần tử `` nằm trong một phần tử có ID là "content", bộ chọn nào là phù hợp nhất và có độ ưu tiên hợp lý?
A. `#content p`
B. .content p
C. `content > p`
D. `p#content`
16. Bộ chọn nào sau đây có độ ưu tiên cao hơn bộ chọn lớp (ví dụ: `.my-class`)?
A. Bộ chọn kiểu phần tử (ví dụ: `p`)
B. Bộ chọn thuộc tính (ví dụ: `[type="text"]`)
C. Bộ chọn ID (ví dụ: `#my-id`)
D. Bộ chọn con cháu (ví dụ: `div p`)
17. Bộ chọn pseudo-class `:last-child` có chức năng gì?
A. Chọn phần tử cuối cùng của một loại cụ thể.
B. Chọn phần tử cuối cùng trong một nhóm các phần tử anh em.
C. Chọn phần tử cuối cùng có một lớp cụ thể.
D. Chọn phần tử cuối cùng có một thuộc tính cụ thể.
18. Xem xét hai quy tắc CSS áp dụng cho cùng một phần tử: `p { color: red; }` và `p.highlight { color: blue; }`. Quy tắc nào sẽ được áp dụng?
A. Quy tắc `p { color: red; }`
B. Quy tắc `p.highlight { color: blue; }`
C. Quy tắc nào xuất hiện sau trong tệp CSS
D. Tùy thuộc vào trình duyệt
19. Bộ chọn pseudo-class nào được sử dụng để chọn phần tử đầu tiên trong một nhóm các phần tử anh em?
A. :last-child
B. :nth-child(1)
C. :first-of-type
D. :nth-last-child(1)
20. Bộ chọn pseudo-class `:nth-child(odd)` có tác dụng gì?
A. Chọn tất cả các phần tử có chỉ số lẻ.
B. Chọn tất cả các phần tử có kiểu phần tử lẻ.
C. Chọn tất cả các phần tử có chỉ số lẻ trong nhóm các phần tử anh em.
D. Chọn tất cả các phần tử có chỉ số chẵn trong nhóm các phần tử anh em.
21. Trong trường hợp xung đột độ ưu tiên, quy tắc CSS nào sẽ được áp dụng nếu không có `!important`?
A. Quy tắc có bộ chọn có độ ưu tiên cao hơn.
B. Quy tắc xuất hiện sớm hơn trong tệp CSS.
C. Quy tắc có số lượng ký tự trong bộ chọn nhiều hơn.
D. Quy tắc được viết bởi nhà phát triển có kinh nghiệm hơn.
22. Xem xét đoạn mã CSS sau: `body div p { color: blue; }`. Bộ chọn này thuộc loại nào?
A. Bộ chọn kết hợp (Combinator selector)
B. Bộ chọn lớp (Class selector)
C. Bộ chọn ID (ID selector)
D. Bộ chọn kiểu phần tử (Type selector)
23. Xem xét bộ chọn CSS: `input[type="text"]`. Đây là loại bộ chọn nào?
A. Bộ chọn lớp (Class selector)
B. Bộ chọn thuộc tính (Attribute selector)
C. Bộ chọn ID (ID selector)
D. Bộ chọn kiểu phần tử (Type selector)
24. Trong CSS, `!important` có tác dụng gì đối với độ ưu tiên của bộ chọn?
A. Giảm độ ưu tiên của bộ chọn.
B. Tăng độ ưu tiên của bộ chọn lên mức cao nhất.
C. Không ảnh hưởng đến độ ưu tiên của bộ chọn.
D. Chỉ ảnh hưởng đến các bộ chọn lớp.
25. Khi sử dụng bộ chọn con cháu (`div p`), điều kiện cần thiết để một phần tử `p` được chọn là gì?
A. Phần tử `p` phải là con trực tiếp của phần tử `div`.
B. Phần tử `p` phải là phần tử `p` đầu tiên bên trong phần tử `div`.
C. Phần tử `p` phải nằm bên trong phần tử `div`, bất kể mức độ lồng ghép.
D. Phần tử `p` phải có lớp "div".
