Trắc nghiệm Khoa học máy tính 12 Kết nối tri thức bài 17: Các mức ưu tiên của bộ chọn

1. Bộ chọn div > p áp dụng cho các phần tử p nào?

A. Tất cả các phần tử p nằm trong một phần tử div bất kỳ.

B. Chỉ các phần tử p là con trực tiếp của một phần tử div.

C. Các phần tử p nằm sau một phần tử div trong cùng một cấp độ.

D. Các phần tử p có thuộc tính parent là div.

2. Trong CSS, bộ chọn nào sau đây có độ ưu tiên bằng nhau?

A. Bộ chọn ID và bộ chọn lớp.

B. Bộ chọn lớp và bộ chọn thuộc tính.

C. Bộ chọn kiểu và bộ chọn ID.

D. Bộ chọn thuộc tính và bộ chọn kiểu.

3. Bộ chọn :hover là một loại bộ chọn nào và có mức độ ưu tiên ra sao?

A. Bộ chọn giả lớp (Pseudo-class), ưu tiên trung bình.

B. Bộ chọn giả phần tử (Pseudo-element), ưu tiên cao.

C. Bộ chọn lớp (Class selector), ưu tiên thấp.

D. Bộ chọn kiểu (Type selector), ưu tiên trung bình.

4. Bộ chọn nào sau đây có độ ưu tiên cao hơn bộ chọn lớp (class selector)?

A. Bộ chọn kiểu (Type selector)

B. Bộ chọn thuộc tính (Attribute selector)

C. Bộ chọn ID (ID selector)

D. Cả A và B

5. Khi áp dụng nhiều quy tắc CSS cho cùng một thuộc tính của một phần tử, thứ tự ưu tiên nào được tuân theo?

A. Ưu tiên theo độ cụ thể của bộ chọn, sau đó là thứ tự xuất hiện.

B. Ưu tiên theo thứ tự xuất hiện, sau đó là độ cụ thể của bộ chọn.

C. Chỉ ưu tiên theo độ cụ thể của bộ chọn.

D. Chỉ ưu tiên theo thứ tự xuất hiện.

6. Khi hai quy tắc CSS có cùng độ ưu tiên và cùng mức độ cụ thể, nhưng một quy tắc được định nghĩa trong tệp CSS và một quy tắc được định nghĩa bằng JavaScript sử dụng thuộc tính style.property, quy tắc nào sẽ được áp dụng?

A. Quy tắc trong tệp CSS.

B. Quy tắc được thiết lập bởi JavaScript.

C. Quy tắc nào được tải sau cùng.

D. Trình duyệt sẽ chọn ngẫu nhiên.

7. Khi hai quy tắc CSS có cùng độ ưu tiên và cùng mức độ cụ thể, nhưng một quy tắc được định nghĩa trong tệp CSS bên ngoài và một quy tắc được định nghĩa trong thẻ , quy tắc nào sẽ được áp dụng?

A. Quy tắc trong tệp CSS bên ngoài.

B. Quy tắc trong thẻ .

C. Quy tắc nào được tải trước.

D. Trình duyệt sẽ chọn ngẫu nhiên.

8. Khi hai bộ chọn cùng mức độ cụ thể áp dụng cho cùng một phần tử, quy tắc nào sẽ được ưu tiên?

A. Quy tắc nào xuất hiện trước trong tệp CSS sẽ được ưu tiên.

B. Quy tắc nào được định nghĩa sau cùng trong tệp CSS sẽ được ưu tiên.

C. Quy tắc nào có độ dài ngắn hơn sẽ được ưu tiên.

D. Quy tắc nào được trình duyệt chọn ngẫu nhiên sẽ được ưu tiên.

9. Trong trường hợp sử dụng thuộc tính !important trong CSS, nó sẽ ảnh hưởng đến mức độ ưu tiên như thế nào?

A. Giảm mức độ ưu tiên của quy tắc đó.

B. Tăng mức độ ưu tiên của quy tắc đó, ghi đè hầu hết các quy tắc khác.

C. Không ảnh hưởng đến mức độ ưu tiên.

D. Chỉ ghi đè các quy tắc có cùng bộ chọn.

10. Khi so sánh hai bộ chọn có độ dài bằng nhau về số lượng ký tự bộ chọn, yếu tố nào sẽ quyết định độ ưu tiên cao hơn?

A. Bộ chọn có ký tự đặc biệt hơn.

B. Bộ chọn có ký tự ID xuất hiện trước.

C. Bộ chọn nào được định nghĩa trong tệp CSS riêng biệt.

D. Bộ chọn nào có tính cụ thể cao hơn theo phân loại (ID > Class/Attribute > Type).

11. Nếu một phần tử HTML có cả ID và nhiều lớp CSS, quy tắc nào sẽ được ưu tiên áp dụng cho thuộc tính color nếu tất cả các bộ chọn đều đặt color: blue;?

A. Quy tắc áp dụng cho ID.

B. Quy tắc áp dụng cho lớp đầu tiên.

C. Quy tắc áp dụng cho lớp cuối cùng.

D. Tất cả các quy tắc sẽ được áp dụng và kết quả là màu xanh.

12. Một quy tắc CSS được định nghĩa trong thẻ style nhúng trực tiếp vào phần tử HTML (inline style) sẽ có mức độ ưu tiên so với bộ chọn ID như thế nào?

A. Thấp hơn bộ chọn ID.

B. Bằng với bộ chọn ID.

C. Cao hơn bộ chọn ID.

D. Tùy thuộc vào thứ tự xuất hiện.

13. Trong CSS, bộ chọn nào có mức độ ưu tiên cao nhất khi áp dụng cho cùng một phần tử HTML?

A. Bộ chọn thuộc tính (Attribute selector)

B. Bộ chọn ID (ID selector)

C. Bộ chọn lớp (Class selector)

D. Bộ chọn kiểu (Type selector)

14. Trong sơ đồ tính toán độ ưu tiên của CSS, mỗi bộ chọn kiểu (type selector) như p được gán bao nhiêu điểm?

A. 1 điểm

B. 10 điểm

C. 100 điểm

D. 1000 điểm

15. Bộ chọn ::before và ::after trong CSS thuộc loại nào và có mức độ ưu tiên ra sao?

A. Bộ chọn giả lớp (Pseudo-class), ưu tiên thấp.

B. Bộ chọn giả phần tử (Pseudo-element), ưu tiên trung bình.

C. Bộ chọn kiểu (Type selector), ưu tiên thấp.

D. Bộ chọn lớp (Class selector), ưu tiên trung bình.

16. Bộ chọn div p có nghĩa là gì và mức độ ưu tiên của nó so với bộ chọn p?

A. Chọn tất cả các thẻ p nằm bên trong thẻ div; ưu tiên thấp hơn p.

B. Chọn tất cả các thẻ p nằm bên trong thẻ div; ưu tiên cao hơn p.

C. Chọn tất cả các thẻ div và p; ưu tiên ngang nhau.

D. Chọn chỉ thẻ p nằm ngay sau thẻ div; ưu tiên cao hơn p.

17. Nếu một phần tử có các thuộc tính id=main và class=content, và bạn có các quy tắc CSS: #main { color: red; } và .content { color: blue; }. Thuộc tính color của phần tử sẽ là gì?

A. red

B. blue

C. black (mặc định)

D. Màu cuối cùng được định nghĩa trong CSS.

18. Nếu bạn muốn một quy tắc CSS ghi đè lên mọi quy tắc khác mà không cần quan tâm đến độ ưu tiên của bộ chọn, bạn sẽ sử dụng thuộc tính nào?

A. style

B. important

C. priority

D. override

19. Bộ chọn nào sau đây có độ ưu tiên cao hơn bộ chọn div > p (bộ chọn con trực tiếp)?

A. Bộ chọn p

B. Bộ chọn div p

C. Bộ chọn #my-div p

D. Bộ chọn .content p

20. Trong trường hợp nào, bộ chọn thuộc tính có thể có độ ưu tiên cao hơn bộ chọn lớp?

A. Luôn luôn, bộ chọn thuộc tính có ưu tiên cao hơn.

B. Khi bộ chọn thuộc tính chỉ định một thuộc tính cụ thể và bộ chọn lớp không có thuộc tính đi kèm.

C. Khi bộ chọn thuộc tính được sử dụng với ! quan trọng.

D. Không bao giờ, bộ chọn lớp luôn có ưu tiên cao hơn.

21. Bộ chọn html body div#main p.intro có độ ưu tiên được tính như thế nào?

A. Ưu tiên cao nhất vì kết hợp nhiều loại bộ chọn.

B. Ưu tiên trung bình vì có cả bộ chọn kiểu, ID và lớp.

C. Ưu tiên dựa trên số lượng bộ chọn kiểu, ID và lớp được kết hợp.

D. Ưu tiên thấp vì có bộ chọn kiểu html và body.

22. Trong mô hình tính toán độ ưu tiên của CSS, bộ chọn lớp (class selector) như .my-class thường được gán bao nhiêu điểm?

A. 1 điểm

B. 10 điểm

C. 100 điểm

D. 1000 điểm

23. Bộ chọn nào sau đây có độ ưu tiên thấp hơn bộ chọn div.container?

A. Bộ chọn ID #container

B. Bộ chọn lớp .container

C. Bộ chọn kiểu div

D. Bộ chọn thuộc tính [class=container]

24. Bộ chọn nào sau đây có độ ưu tiên thấp nhất trong các bộ chọn CSS phổ biến?

A. Bộ chọn lớp (Class selector)

B. Bộ chọn ID (ID selector)

C. Bộ chọn kiểu (Type selector)

D. Bộ chọn thuộc tính (Attribute selector)

25. Bộ chọn nào sau đây có độ ưu tiên thấp hơn bộ chọn thuộc tính [href]?

A. Bộ chọn lớp .link

B. Bộ chọn ID #main-nav

C. Bộ chọn kiểu a

D. Bộ chọn thuộc tính [target=_blank]