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 theo dõi sự tiến bộ của bản thân thông qua kho câu hỏi phong phú.
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: 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 2: Bộ chọn nào sau đây có mức ưu tiên thấp nhất (bằng 0) trong CSS
- - Bộ chọn thẻ (ví dụ: thẻ h1)
- - Bộ chọn giả (ví dụ: :hover)
- - Bộ chọn toàn cục (ký tự sao '*')
- - Bộ chọn thuộc tính (ví dụ: [type='text'])
Câu 3: Nếu hai bộ chọn có cùng mức độ ưu tiên cùng trỏ đế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 nằm trong file CSS bên ngoài
- - Trình duyệt sẽ tự động chọn ngẫu nhiên
Câu 4: Giả sử một phần tử 'p' nằm trong 'div', quy tắc định dạng nào sẽ thắng nếu cả hai bộ chọn dưới đây cùng định nghĩa màu chữ
- - div p { color: red; }
- - p { color: blue; }
- - Quy tắc 'div p' vì nó cụ thể hơn (nhiều thẻ hơn)
- - Quy tắc 'p' vì nó ngắn gọn hơn
Câu 5: 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 6: Bộ chọn phần tử giả (ví dụ: ::before hoặc ::after) có mức ưu tiên ngang bằng với loại bộ chọn nào
- - Bộ chọn lớp (Class)
- - Bộ chọn định danh (ID)
- - Bộ chọn thẻ (Element)
- - Bộ chọn toàn cục (*)
Câu 7: 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 8: Bộ chọn nào sau đây có độ ưu tiên cao nhất
- - thẻ div thẻ p
- - .myClass
- - #myID
- - thẻ p.myClass
Câu 9: Trong tệp HTML, nếu có nhiều thẻ 'link' dẫn đến các tệp CSS khác nhau, thứ tự ưu tiên được xác định như thế nào
- - Tệp được khai báo đầu tiên có ưu tiên cao nhất
- - Tệp được khai báo cuối cùng có ưu tiên cao nhất
- - Ưu tiên theo thứ tự bảng chữ cái của tên tệp
- - Tất cả có ưu tiên ngang nhau và không ghi đè nhau
Câu 10: Nếu hai bộ chọn có cùng mức độ ưu tiên tác động lên cùng một phần tử, trình duyệt sẽ áp dụng quy tắc nào
- - Quy tắc được viết trước trong mã nguồn
- - Quy tắc được viết sau cùng trong mã nguồn
- - Quy tắc có độ dài chuỗi ký tự ngắn hơn
- - Trình duyệt sẽ không áp dụng quy tắc nào cả
Câu 11: Trong một tệp CSS, nếu có hai quy tắc cùng bộ chọn lớp '.text' định dạng màu khác nhau, màu nào sẽ được áp dụng cho phần tử
- - Màu ở quy tắc đầu tiên
- - Màu ở quy tắc cuối cùng
- - Màu của quy tắc có nhiều thuộc tính hơn
- - Màu mặc định đen
Câu 12: Trong hệ thống tính điểm specificity, bộ chọn lớp (class selector) tương ứng với giá trị nào trong bộ bốn số (a, b, c, d)
- - Giá trị tại vị trí d
- - Giá trị tại vị trí c
- - Giá trị tại vị trí b
- - Giá trị tại vị trí a
Câu 13: Khi áp dụng nhiều lớp cho một phần tử HTML, thứ tự ưu tiên của các lớp đó phụ thuộc vào điều gì
- - Thứ tự viết lớp trong thuộc tính 'class' của HTML
- - Thứ tự khai báo các lớp trong file CSS
- - Độ dài của tên lớp
- - Thứ tự bảng chữ cái của tên lớp
Câu 14: Làm thế nào để bộ chọn '.container .box p' tăng thêm độ ưu tiên mà không dùng ID
- - Thêm một lớp class khác vào chuỗi bộ chọn
- - Xóa bớt thẻ p trong bộ chọn
- - Đổi thứ tự các lớp trong bộ chọn
- - Sử dụng dấu cách thay cho dấu chấm
Câu 15: Bộ chọn 'thẻ div thẻ p' có độ ưu tiên như thế nào so với bộ chọn 'thẻ p'
- - Cao hơn vì có nhiều thẻ hơn
- - Bằng nhau vì đều là bộ chọn thẻ
- - Thấp hơn vì bộ chọn 'thẻ p' trực tiếp hơn
- - Bằng nhau vì cùng trỏ vào thẻ p
Câu 16: Khi sử dụng bộ chọn phủ định ':not(selector)', độ ưu tiên được tính như thế nào
- - Tính độ ưu tiên của chính ':not'
- - Không cộng thêm điểm ưu tiên
- - Tính độ ưu tiên của bộ chọn bên trong ngoặc
- - Luôn có độ ưu tiên bằng bộ chọn ID
Câu 17: Tại sao việc lạm dụng từ khóa !important được coi là một thói quen xấu trong lập trình web
- - Vì nó làm chậm tốc độ tải trang web
- - Vì nó làm cho việc gỡ lỗi và bảo trì CSS trở nên cực kỳ khó khăn
- - Vì nó không được hỗ trợ bởi các trình duyệt cũ
- - Vì nó làm tăng kích thước tệp CSS đáng kể
Câu 18: Khi viết CSS cho các trạng thái của liên kết, tại sao thứ tự ':hover' phải nằm sau ':link' và ':visited'
- - Để đảm bảo trạng thái di chuột có thể ghi đè lên trạng thái tĩnh khi chúng có cùng độ ưu tiên
- - Vì CSS bắt buộc tuân theo thứ tự bảng chữ cái
- - Vì ':hover' có độ ưu tiên thấp hơn ':link'
- - Để trình duyệt tải tệp nhanh hơn
Câu 19: 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 20: Mức ưu tiên của các thuộc tính được thừa kế (inheritance) so với các bộ chọn trực tiếp là gì
- - Thừa kế có mức ưu tiên cao hơn
- - Thừa kế có mức ưu tiên thấp nhất
- - Hai loại có mức ưu tiên bằng nhau
- - Thừa kế không bị ghi đè bởi bộ chọn thẻ
Câu 21: Khi hai bộ chọn có cùng độ ưu tiên cùng tác động đến một phần tử, trình duyệt sẽ áp dụng quy tắc nào
- - Quy tắc được viết trước sẽ được ưu tiên
- - Quy tắc được viết sau cùng sẽ được ưu tiên
- - Trình duyệt sẽ bỏ qua cả hai quy tắc
- - Trình duyệt chọn ngẫu nhiên một quy tắc
Câu 22: Trong bộ 4 số (a, b, c, d), giá trị 'd' đại diện cho thành phần nào trong bộ chọn
- - Số lượng thẻ (element) và phần tử giả
- - Số lượng mã định danh ID
- - Số lượng bộ chọn lớp
- - Kiểu định dạng trực tiếp
Câu 23: Bộ chọn 'ul li a' có độ ưu tiên là bao nhiêu trong hệ thống (ID, Class, Element)
- - (0, 0, 3)
- - (0, 3, 0)
- - (3, 0, 0)
- - (0, 1, 2)
Câu 24: Mức ưu tiên của các quy tắc CSS do trình duyệt mặc định cung cấp (User Agent Styles) như thế nào so với quy tắc do người dùng viết
- - Cao hơn
- - Thấp hơn
- - Bằng nhau
- - Không thể bị ghi đè
Câu 25: Bộ chọn phần tử giả (pseudo-element) như '::after' hoặc '::first-line' có mức ưu tiên ngang với loại bộ chọn nào
- - Bộ chọn thẻ (element)
- - Bộ chọn lớp (class)
- - Bộ chọn ID
- - Inline style