Trắc nghiệm Tin học ứng dụng 12 Kết nối bài 17: Các mức ưu tiên của bộ chọn giúp bạn nhận biết điểm mạnh và điểm yếu của bản thân thông qua dạng bài tập quen thuộc thường gặp trong đề thi.
Trắc nghiệm Tin học ứng dụng 12 Kết nối bài 17: Các mức ưu tiên của bộ chọn
⏱ Thời gian còn lại: --:--
Tiến độ hoàn thành
0/0 câu
🏆 BẢNG VÀNG TOP 5 ĐIỂM TỐT NHẤT
Đang tải bảng xếp hạng...
Câu 1: Một thẻ div có thuộc tính 'id=nav' và 'class=menu'. Quy tắc nào sau đây sẽ được áp dụng nếu cả ba đều đổi màu chữ
- - div { color: red; }
- - .menu { color: blue; }
- - #nav { color: green; }
- - * { color: black; }
Câu 2: Khi tính toán độ ưu tiên, 10 bộ chọn lớp (class) cộng lại có thể vượt qua được 1 bộ chọn ID không
- - Có, vì 10 lớp có tổng điểm bằng 1 ID
- - Không, vì một ID luôn ở hàng đơn vị cao hơn so với lớp trong hệ thống specificity
- - Có, nếu các lớp đó được viết trong inline style
- - Tùy thuộc vào phiên bản CSS đang sử dụng
Câu 3: Điều gì xảy ra nếu bạn áp dụng màu đỏ cho thẻ 'body' và màu xanh cho thẻ 'p' bằng bộ chọn thẻ trực tiếp
- - Thẻ 'p' sẽ có màu đỏ do kế thừa
- - Thẻ 'p' sẽ có màu xanh vì bộ chọn trực tiếp thắng thuộc tính kế thừa
- - Thẻ 'p' sẽ có màu đen mặc định
- - Văn bản sẽ bị lỗi không hiển thị
Câu 4: Bộ chọn thuộc tính như '[type='text']' có mức ưu tiên tương đương với loại bộ chọn nào
- - Bộ chọn thẻ
- - Bộ chọn ID
- - Bộ chọn lớp (class)
- - Bộ chọn phổ biến
Câu 5: Cách duy nhất để ghi đè một quy tắc đã có từ khóa '!important' là gì
- - Sử dụng một bộ chọn ID
- - Viết thêm một quy tắc '!important' khác có độ ưu tiên cao hơn
- - Xóa bỏ tất cả các bộ chọn lớp
- - Sử dụng kiểu định dạng trực tiếp không có '!important'
Câu 6: Bộ chọn 'div p' có độ ưu tiên như thế nào so với bộ chọn 'p'
- - Cao hơn vì nó chi tiết hơn
- - Thấp hơn vì nó dài hơn
- - Bằng nhau vì đều chọn thẻ p
- - Không thể so sánh
Câu 7: Trong CSS, quy tắc nào có mức ưu tiên cao nhất để áp dụng kiểu cho một phần tử
- - Sử dụng từ khóa !important trong khai báo
- - Sử dụng thuộc tính style trực tiếp trong thẻ HTML
- - Sử dụng bộ chọn định danh ID
- - Sử dụng bộ chọn lớp class
Câu 8: Bộ chọn 'div.main' và bộ chọn '.main' cái nào có độ ưu tiên cao hơn
- - Bộ chọn 'div.main' cao hơn
- - Bộ chọn '.main' cao hơn
- - Hai bộ chọn bằng nhau
- - Tùy thuộc vào trình duyệt
Câu 9: Lý do chính để hạn chế sử dụng từ khóa '!important' trong thiết kế web chuyên nghiệp là gì
- - Làm chậm tốc độ tải trang web
- - Khiến việc bảo trì và ghi đè mã CSS trong tương lai trở nên cực kỳ khó khăn
- - Không hoạt động trên các trình duyệt cũ
- - Làm tăng dung lượng tệp CSS một cách đáng kể
Câu 10: Quy tắc nào được áp dụng cho văn bản trong thẻ 'p' nằm trong 'div class=main' nếu có hai quy tắc: 'p {color: blue}' và '.main p {color: red}'
- - Màu xanh blue vì 'p' là bộ chọn trực tiếp
- - Màu đỏ red vì '.main p' có độ ưu tiên cao hơn
- - Màu mặc định của trình duyệt
- - Màu đen vì hai quy tắc xung đột
Câu 11: Bộ chọn giả phần tử như '::before' có trọng số ưu tiên tương đương với loại bộ chọn nào
- - Bộ chọn lớp class
- - Bộ chọn phần tử element
- - Bộ chọn định danh ID
- - Phong cách nội dòng
Câu 12: Trong hệ thống tính điểm specificity (a, b, c, d), giá trị của 'a' đại diện cho điều gì
- - Số lượng bộ chọn ID
- - Số lượng bộ chọn lớp
- - Sự hiện diện của Style nội mã (Inline style)
- - Số lượng bộ chọn thẻ
Câu 13: Một bộ chọn gồm 1 ID, 2 Class và 3 Tag sẽ có điểm specificity là bao nhiêu
- - (0, 1, 2, 3)
- - (1, 2, 3, 0)
- - (3, 2, 1, 0)
- - (0, 3, 2, 1)
Câu 14: Bộ chọn nào có độ ưu tiên cao hơn: 'div.active' hay 'body div'
- - div.active
- - body div
- - Cả hai bằng nhau
- - Không thể so sánh được
Câu 15: Nếu hai bộ chọn có cùng mức độ ưu tiên cùng tác động đến một phần tử, quy tắc nào sẽ được áp dụng
- - Quy tắc được viết trước
- - Quy tắc được viết sau cùng
- - Quy tắc có ít thuộc tính hơn
- - Trình duyệt sẽ bỏ qua cả hai
Câu 16: Xác định bộ chọn có độ ưu tiên cao nhất trong các phương án sau
- - body header div p
- - .container .nav-link
- - #sidebar
- - div.menu-item:hover
Câu 17: Trong file HTML, nếu có hai thẻ 'link' dẫn đến hai file CSS khác nhau chứa cùng một bộ chọn, file nào sẽ được ưu tiên
- - File được liên kết sau cùng
- - File được liên kết đầu tiên
- - File có dung lượng lớn hơn
- - File chứa nhiều ID hơn
Câu 18: Trong CSS, thuật toán xác định quy tắc nào được áp dụng cho một phần tử khi có nhiều quy tắc mâu thuẫn được gọi là gì
- - Độ ưu tiên của bộ chọn (Specificity)
- - Sự kế thừa thuộc tính (Inheritance)
- - Xếp chồng kiểu dáng (Cascading)
- - Lựa chọn ngẫu nhiên (Random selection)
Câu 19: Nếu một thuộc tính được kế thừa từ phần tử cha, độ ưu tiên của nó so với một bộ chọn trực tiếp nhắm vào phần tử đó là như thế nào
- - Bằng nhau
- - Thấp hơn
- - Cao hơn
- - Không thể so sánh
Câu 20: Trong CSS, bộ chọn phủ định ':not(.ignore)' ảnh hưởng như thế nào đến độ ưu tiên
- - Bản thân ':not()' không có điểm, nhưng bộ chọn bên trong nó vẫn được tính điểm
- - Nó làm giảm độ ưu tiên của bộ chọn xuống 0
- - Nó có độ ưu tiên bằng một bộ chọn ID
- - Nó nhân đôi độ ưu tiên của toàn bộ dòng
Câu 21: Điều gì xảy ra nếu bạn khai báo cùng một thuộc tính 'color' hai lần trong cùng một khối bộ chọn cho một phần tử
- - Trình duyệt báo lỗi cú pháp
- - Khai báo đầu tiên sẽ được áp dụng
- - Khai báo cuối cùng sẽ được áp dụng
- - Màu sắc sẽ bị xóa bỏ hoàn toàn
Câu 22: Tại sao không nên lạm dụng quy tắc '!important' trong mã CSS
- - Vì nó làm chậm tốc độ xử lý của CPU
- - Vì nó làm cho việc bảo trì và ghi đè mã CSS sau này trở nên rất khó khăn
- - Vì nó không được hỗ trợ bởi các trình duyệt hiện đại
- - Vì nó chỉ có tác dụng với các thẻ định dạng văn bản
Câu 23: Độ ưu tiên của bộ chọn thuộc tính (ví dụ: [href]) nằm ở cấp độ nào trong thang đo specificity
- - Ngang hàng với bộ chọn thẻ
- - Ngang hàng với bộ chọn lớp (Class)
- - Ngang hàng với bộ chọn định danh (ID)
- - Thấp hơn bộ chọn toàn cục
Câu 24: Trong các bộ chọn sau, bộ chọn nào có độ ưu tiên thấp nhất
- - Thẻ p
- - Lớp .text
- - Định danh #main
- - Bộ chọn toàn cục *
Câu 25: Bộ chọn thuộc tính như '[type='text']' có mức ưu tiên ngang hàng với loại bộ chọn nào
- - Bộ chọn thẻ
- - Bộ chọn ID
- - Bộ chọn lớp
- - Kiểu định dạng trực tiếp