[KNTT] Trắc nghiệm Khoa học máy tính 12 bài 17: Các mức ưu tiên của bộ chọn
[KNTT] Trắc nghiệm Khoa học máy tính 12 bài 17: Các mức ưu tiên của bộ chọn
1. Nếu một quy tắc CSS có `!important` và một quy tắc khác có bộ chọn ID á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 có bộ chọn ID.
B. Quy tắc có `!important`.
C. Quy tắc nào đến sau.
D. Quy tắc nào có ít thuộc tính hơn.
2. Giả sử bạn có một quy tắc CSS với `color: red !important;` và một quy tắc khác là `p { color: blue; }`. Phần tử `` sẽ có màu gì?
A. Màu đỏ.
B. Màu xanh dương.
C. Màu đen (mặc định).
D. Phụ thuộc vào vị trí khai báo của các quy tắc.
3. Khi hai quy tắc CSS có cùng mức độ ưu tiên và cùng áp dụng cho một phần tử, quy tắc nào sẽ được ưu tiên?
A. Quy tắc nào được khai báo trước.
B. Quy tắc nào được khai báo sau.
C. Quy tắc nào có bộ chọn cụ thể hơn.
D. Quy tắc nào đến từ tệp CSS bên ngoài.
4. Trong CSS, bộ chọn nào có mức độ ưu tiên cao nhất để áp dụng một thuộc tính cho một phần tử HTML cụ thể?
A. Bộ chọn lớp (class selector)
B. Bộ chọn ID (ID selector)
C. Bộ chọn thuộc tính (attribute selector)
D. Bộ chọn phổ quát (universal selector)
5. Giả sử có ba quy tắc CSS áp dụng cho cùng một phần tử, mỗi quy tắc sử dụng một bộ chọn khác nhau: bộ chọn ID, bộ chọn lớp và bộ chọn phần tử. Quy tắc nào sẽ được áp dụng nếu không có important?
A. Quy tắc sử dụng bộ chọn phần tử.
B. Quy tắc sử dụng bộ chọn lớp.
C. Quy tắc sử dụng bộ chọn ID.
D. Quy tắc nào đến sau cùng sẽ được áp dụng.
6. Bộ chọn kết hợp (combinator selector) như bộ chọn con (`>`) hoặc bộ chọn kế cận (`+`) có độ ưu tiên được tính như thế nào?
A. Chúng có độ ưu tiên bằng 0.
B. Độ ưu tiên của chúng bằng tổng độ ưu tiên của các bộ chọn thành phần.
C. Chúng có độ ưu tiên bằng bộ chọn phần tử.
D. Chúng có độ ưu tiên bằng bộ chọn lớp.
7. Bộ chọn nào có thể được sử dụng để nhắm mục tiêu đến một phần tử dựa trên việc nó có một thuộc tính cụ thể hay không, bất kể giá trị của thuộc tính đó?
A. Bộ chọn lớp (class selector).
B. Bộ chọn phần tử (element selector).
C. Bộ chọn thuộc tính với sự hiện diện của thuộc tính.
D. Bộ chọn ID (ID selector).
8. Tại sao việc sử dụng quá nhiều bộ chọn ID để định kiểu lại không phải là một thực hành tốt trong thiết kế web?
A. Vì bộ chọn ID rất khó viết.
B. Vì bộ chọn ID chỉ áp dụng được cho một phần tử duy nhất.
C. Vì bộ chọn ID có độ ưu tiên quá thấp.
D. Vì chúng làm giảm hiệu suất tải trang.
9. Trong các bộ chọn sau, bộ chọn nào có độ ưu tiên thấp nhất (thường là 0 điểm)?
A. Bộ chọn lớp (class selector).
B. Bộ chọn phần tử (element selector).
C. Bộ chọn phổ quát (universal selector).
D. Bộ chọn thuộc tính (attribute selector).
10. Bộ chọn nào sau đây có độ ưu tiên bằng 10 trong thang điểm tính điểm ưu tiên của CSS?
A. Bộ chọn phần tử (element selector)
B. Bộ chọn ID (ID selector)
C. Bộ chọn lớp (class selector)
D. Bộ chọn thuộc tính (attribute selector)
11. Nếu bạn muốn một quy tắc CSS chỉ áp dụng cho các phần tử có thuộc tính `type` là `text`, bạn sẽ sử dụng bộ chọn nào?
A. `input[type=text]`
B. `input.text`
C. `input#text`
D. `input text`
12. Bộ chọn nào sau đây có độ ưu tiên bằng 0 trong thang điểm tính điểm ưu tiên của CSS?
A. Bộ chọn lớp (class selector)
B. Bộ chọn phần tử (element selector)
C. Bộ chọn phổ quát (universal selector)
D. Bộ chọn ID (ID selector)
13. Bộ chọn nào sau đây có độ ưu tiên cao hơn: `div p` hay `div > p`?
A. `div p` có độ ưu tiên cao hơn vì nó bao gồm nhiều cấp độ.
B. `div > p` có độ ưu tiên cao hơn vì nó cụ thể hơn.
C. Cả hai có độ ưu tiên như nhau.
D. Phụ thuộc vào các quy tắc khác áp dụng.
14. Nếu có hai quy tắc CSS áp dụng cho cùng một phần tử, một quy tắc đến từ tệp CSS bên ngoài và một quy tắc được định nghĩa trong thẻ `
