[KNTT] Trắc nghiệm Tin học ứng dụng 12 bài 17: Các mức ưu tiên của bộ chọn
[KNTT] Trắc nghiệm Tin học ứng dụng 12 bài 17: Các mức ưu tiên của bộ chọn
1. Nếu một phần tử có một ID và một lớp, và có hai quy tắc CSS áp dụng thuộc tính `color`, một dùng bộ chọn ID và một dùng bộ chọn lớp, quy tắc nào sẽ được ưu tiên?
A. Quy tắc dùng bộ chọn lớp.
B. Quy tắc dùng bộ chọn ID.
C. Phụ thuộc vào thứ tự khai báo.
D. Phụ thuộc vào tên của ID và lớp.
2. Trong các bộ chọn sau, bộ chọn nào có độ cụ thể thấp nhất?
A. `#main-content`
B. `.container`
C. `article`
D. `body div`
3. Khi hai bộ chọn CSS áp dụng cùng một thuộc tính cho một phần tử với các giá trị khác nhau, bộ chọn nào sẽ được ưu tiên áp dụng?
A. Bộ chọn có độ cụ thể (specificity) thấp hơn.
B. Bộ chọn xuất hiện sau trong tệp CSS hoặc được liên kết sau.
C. Bộ chọn có độ cụ thể (specificity) cao hơn.
D. Bộ chọn đại diện cho phần tử cha.
4. Độ cụ thể (specificity) của bộ chọn `div.container.active` so với `div#main` là như thế nào?
A. Bằng nhau.
B. `div.container.active` có độ cụ thể cao hơn.
C. `div#main` có độ cụ thể cao hơn.
D. Phụ thuộc vào thứ tự khai báo.
5. Nếu bạn muốn đảm bảo một quy tắc CSS luôn được áp dụng cho một phần tử cụ thể bất kể các quy tắc khác, bạn nên sử dụng kết hợp nào?
A. Bộ chọn phần tử có độ cụ thể cao.
B. Bộ chọn lớp có độ cụ thể cao.
C. Bộ chọn ID và thuộc tính `!important`.
D. Inline style với thuộc tính `!important`.
6. Độ cụ thể (specificity) của bộ chọn `body > div` so với bộ chọn `div` là như thế nào?
A. Bằng nhau.
B. `body > div` có độ cụ thể cao hơn.
C. `div` có độ cụ thể cao hơn.
D. Phụ thuộc vào độ sâu của phần tử `div` trong cây DOM.
7. Bộ chọn `div p span` có độ cụ thể cao hơn hay thấp hơn bộ chọn `.content`?
A. Cao hơn.
B. Thấp hơn.
C. Bằng nhau.
D. Không thể so sánh nếu không biết cấu trúc HTML.
8. Khi một bộ chọn kết hợp giữa ID và lớp, ví dụ `#header .nav-item`, độ cụ thể của nó sẽ được tính như thế nào?
A. Là tổng độ cụ thể của ID và lớp.
B. Chỉ bằng độ cụ thể của ID.
C. Chỉ bằng độ cụ thể của lớp.
D. Phụ thuộc vào thứ tự khai báo của ID và lớp.
9. Độ cụ thể (specificity) của bộ chọn `div.content` so với bộ chọn `div#main` là như thế nào?
A. Bằng nhau.
B. `div.content` có độ cụ thể cao hơn.
C. `div#main` có độ cụ thể cao hơn.
D. Phụ thuộc vào số lượng phần tử mà chúng chọn.
10. Trong CSS, thuộc tính `display: none;` sẽ làm gì với phần tử?
A. Ẩn phần tử nhưng vẫn giữ nguyên không gian của nó.
B. Ẩn phần tử và loại bỏ không gian của nó khỏi bố cục.
C. Làm cho phần tử trong suốt.
D. Giảm độ mờ của phần tử.
11. Trong CSS, thuộc tính `visibility: hidden;` khác với `display: none;` ở điểm nào?
A. `visibility: hidden;` ẩn phần tử và loại bỏ không gian, còn `display: none;` giữ nguyên không gian.
B. `visibility: hidden;` giữ nguyên không gian của phần tử, còn `display: none;` loại bỏ không gian.
C. Cả hai đều có tác dụng giống hệt nhau.
D. `visibility: hidden;` làm phần tử trong suốt, còn `display: none;` ẩn hoàn toàn.
12. Trong các kiểu nguồn CSS, kiểu nào có độ ưu tiên thấp nhất?
A. CSS được nhúng trực tiếp trong thẻ HTML (inline style).
B. CSS từ tệp CSS bên ngoài được liên kết trong thẻ ``.
C. CSS được định nghĩa bằng bộ chọn `!important`.
D. CSS được định nghĩa trong thẻ `
