Trắc nghiệm Cánh diều Khoa học máy tính 12 bài 10: Bộ chọn lớp, bộ chọn định danh

1. Trong CSS, bộ chọn lớp (class selector) được khai báo bằng ký tự nào trước tên lớp?

A. Dấu thăng (#)

B. Dấu chấm (.)

C. Dấu hai chấm (:)

D. Dấu sao (*)

2. Phần tử nào sẽ được định dạng nếu bạn sử dụng bộ chọn #header trong CSS?

A. Tất cả các phần tử có class header.

B. Phần tử có id là header.

C. Phần tử đầu tiên có tên thẻ header.

D. Tất cả các phần tử có thuộc tính header.

3. Trong CSS, bộ chọn lớp có thể được kết hợp với bộ chọn thẻ để nhắm mục tiêu chính xác hơn không?

A. Không, bộ chọn lớp và thẻ không thể kết hợp.

B. Có, bằng cách đặt tên thẻ trước bộ chọn lớp.

C. Chỉ khi sử dụng dấu cách giữa bộ chọn thẻ và bộ chọn lớp.

D. Có, nhưng sẽ giảm độ ưu tiên của bộ chọn.

4. Bộ chọn nào sẽ áp dụng kiểu cho phần tử li đầu tiên của một danh sách không có thứ tự (ul)?

A. ul li:first-child

B. ul > li:first-child

C. li.first-child

D. ul li:first

5. Trong ngữ cảnh của CSS, specificity đề cập đến điều gì?

A. Độ dài của tên bộ chọn.

B. Số lượng thuộc tính được áp dụng cho một phần tử.

C. Độ quan trọng hoặc trọng số của một bộ chọn CSS.

D. Khả năng tương thích của bộ chọn với các trình duyệt khác nhau.

6. Bộ chọn lớp cho phép nhóm các phần tử có chung thuộc tính hoặc mục đích gì?

A. Định danh duy nhất.

B. Cấu trúc phân cấp.

C. Kiểu dáng hoặc chức năng tương tự.

D. Vị trí trong mã nguồn.

7. Trong JavaScript, phương thức nào dùng để lấy một phần tử duy nhất dựa trên ID của nó?

A. document.getElementsByClassName()

B. document.querySelector()

C. document.querySelectorAll()

D. document.getElementById()

8. Bộ chọn div p sẽ áp dụng kiểu cho những phần tử nào?

A. Tất cả các phần tử p trong tài liệu.

B. Các phần tử p nằm bên trong một phần tử div bất kỳ.

C. Chỉ các phần tử p có class div.

D. Chỉ phần tử div đầu tiên chứa phần tử p.

9. Bộ chọn định danh (ID selector) trong CSS được sử dụng để nhắm mục tiêu đến phần tử nào có định danh duy nhất?

A. Tất cả các phần tử có cùng một lớp.

B. Một phần tử cụ thể có thuộc tính id khớp với bộ chọn.

C. Tất cả các phần tử trong tài liệu.

D. Các phần tử được kế thừa thuộc tính từ phần tử cha.

10. Trong HTML, nếu bạn có hai phần tử với cùng một giá trị thuộc tính id, điều này vi phạm quy tắc nào?

A. Quy tắc về thuộc tính class.

B. Quy tắc về tính duy nhất của thuộc tính id.

C. Quy tắc về thẻ HTML.

D. Quy tắc về thuộc tính name.

11. Đâu là cú pháp chính xác để chọn tất cả các phần tử có class highlight trong CSS?

A. #highlight { ... }

B. *highlight { ... }

C. .highlight { ... }

D. highlight { ... }

12. Bộ chọn nào sẽ chọn tất cả các phần tử div có class kết thúc bằng -container?

A. div[class$=-container]

B. div.container-

C. [class^=-container] div

D. div.-container

13. Đâu là bộ chọn CSS để chọn tất cả các phần tử có thuộc tính data-type với giá trị là primary?

A. [data-type=primary]

B. {data-type: primary}

C. data-type=primary

D. #data-type=primary

14. Khi sử dụng bộ chọn định danh #main-content, bạn đang nhắm mục tiêu đến phần tử nào?

A. Tất cả các phần tử có class main-content.

B. Phần tử duy nhất có id là main-content.

C. Tất cả các phần tử là con của phần tử có id main-content.

D. Phần tử đầu tiên trong tài liệu.

15. Nếu muốn loại bỏ tất cả các kiểu CSS mặc định của trình duyệt cho một phần tử cụ thể, bạn nên sử dụng bộ chọn nào kết hợp với CSS reset?

A. Bộ chọn lớp.

B. Bộ chọn định danh.

C. Bộ chọn phổ quát (*).

D. Bộ chọn hậu duệ.

16. Khi sử dụng bộ chọn định danh, mỗi định danh trong một tài liệu HTML phải là:

A. Có thể lặp lại nhiều lần.

B. Phải là duy nhất và không trùng lặp.

C. Phải bắt đầu bằng một chữ số.

D. Chỉ chứa ký tự viết hoa.

17. Trong CSS, bộ chọn lớp có thể được áp dụng cho các phần tử không có khai báo lớp trong HTML không?

A. Có, nếu phần tử đó kế thừa lớp từ phần tử cha.

B. Không, bộ chọn lớp chỉ khớp với các phần tử đã khai báo rõ ràng lớp đó trong HTML.

C. Có, nếu phần tử đó là con trực tiếp của một phần tử có lớp.

D. Chỉ khi sử dụng bộ chọn định danh.

18. Nếu bạn muốn chọn tất cả các thẻ a có class external-link, cú pháp CSS nào sau đây là đúng?

A. a.external-link

B. .a.external-link

C. a #external-link

D. #a.external-link

19. Nếu một phần tử có cả thuộc tính id và class, bộ chọn CSS nào sẽ có độ ưu tiên cao hơn?

A. Bộ chọn lớp.

B. Bộ chọn định danh.

C. Cả hai có độ ưu tiên ngang nhau.

D. Phụ thuộc vào thứ tự khai báo trong CSS.

20. Khi sử dụng bộ chọn lớp, có thể áp dụng cùng một lớp cho bao nhiêu phần tử trong một tài liệu HTML?

A. Chỉ một phần tử duy nhất.

B. Tối đa hai phần tử.

C. Không giới hạn, có thể áp dụng cho nhiều phần tử.

D. Chỉ các phần tử cùng loại.

21. Trong JavaScript, làm thế nào để lấy tất cả các phần tử có class item?

A. document.getElementById(item)

B. document.querySelector(.item)

C. document.getElementsByClassName(item)

D. document.querySelectorAll(item)

22. Trong HTML, thuộc tính nào được sử dụng để gán một định danh duy nhất cho một phần tử?

A. class

B. name

C. id

D. style

23. Bộ chọn nào sẽ áp dụng kiểu cho phần tử p có class intro?

A. p.intro { ... }

B. #p.intro { ... }

C. .intro p { ... }

D. p#intro { ... }

24. Bộ chọn nào sẽ áp dụng kiểu cho tất cả các phần tử có class bắt đầu bằng btn-?

A. .btn- { ... }

B. [class^=btn-] { ... }

C. [class*=btn-] { ... }

D. [class$=btn-] { ... }

25. Điều gì xảy ra nếu bạn sử dụng hai bộ chọn lớp khác nhau cho cùng một phần tử HTML?

A. Chỉ kiểu của bộ chọn lớp đầu tiên được áp dụng.

B. Kiểu của bộ chọn lớp có độ ưu tiên cao hơn sẽ được áp dụng.

C. Cả hai bộ chọn lớp sẽ kết hợp kiểu của chúng, với quy tắc nào có độ ưu tiên cao hơn sẽ được áp dụng.

D. Sẽ gây ra lỗi cú pháp CSS.