Trắc nghiệm Tin học 12 – Bài 17. Các mức ưu tiên của bộ chọn

Gồm các câu hỏi về các nội dung sau:

  1. Kiểu bộ chọn pseudo-class và pseudo-element
  2. Mức độ ưu tiên khi áp dụng CSS

Câu hỏi trắc nghiệm dạng D1 và dạng D2 - Các mức ưu tiên của bộ chọn

Thời gian làm bài: 30 phút
Đáp án chỉ hiển thị sau khi hoàn thành bài làm
Câu hỏi sẽ được hiển thị ngẫu nhiên
Vui lòng nhập họ và tên để bắt đầu làm bài

NB

Trong CSS, pseudo-class được sử dụng để làm gì?


NB

Trong CSS, pseudo-element được sử dụng để làm gì?


NB

Cú pháp nào sau đây là đúng để khai báo một pseudo-class trong CSS?


NB

Cú pháp nào sau đây là đúng để khai báo một pseudo-element trong CSS?


NB

Pseudo-class nào sau đây được sử dụng để áp dụng kiểu cho phần tử khi người dùng di chuột vào?


NB

Thuộc tính CSS nào sau đây có mức độ ưu tiên cao nhất?


NB

Trong CSS, bộ chọn nào sau đây có trọng số cao nhất?


TH

Em hãy sắp xếp theo thứ tự từ cao xuống thấp các mức độ ưu tiên khi áp dụng CSS sau:
1. Trọng số CSS.
2. Mặc định theo trình duyệt.
3. CSS liên quan đến kích thước thiết bị.
4. Kế thừa từ CSS cha.


TH

Giá trị trọng số của bộ chọn ::selection là bao nhiêu?


TH

Trong CSS, khi nào nguyên tắc “thứ tự cuối cùng” được áp dụng?


VD

Mẫu CSS định dạng các liên kết sau khi kích hoạt chuyển màu xanh dương là


VD

Mẫu CSS thiết lập định dạng khi di chuyển con trỏ chuột lên đối tượng có id="title" sẽ hiển thị với kiểu chữ đậm là


VD

Bộ chọn a:link ~ p#info có trọng số bằng bao nhiêu?


VD

Giả sử có đoạn CSS sau: p::first-letter { font-size: 2em; color: red; }. Lệnh này sẽ áp dụng cho phần nào sau đây của thẻ <p>?


VD

Cho đoạn CSS sau:
p em { color: blue; }
p > em { color: red; } Nếu có một đoạn mã HTML như sau, chữ trong phần tử <em> sẽ có màu gì?
<p>Đây là một <em>đoạn văn</em> thử nghiệm.</p>


VD

Trong một dự án thực tế, cách tốt nhất để tổ chức CSS để đảm bảo tính ưu tiên hợp lý là gì?

CSS hỗ trợ thiết lập định dạng cho các lớp giả (pseudo-class) và phần tử giả (pseudo-element).

Trong CSS, các lớp giả quy định viết sau dấu “::”.

Phần tử giả mô tả các thành phần (nhỏ hơn) của phần tử.

Bộ chọn ::selection mô tả phần được chọn (bằng cách kéo thả chuột trên màn hình) của đối tượng.

Để đổi màu chữ của một đoạn văn bản có mã định danh là note khi di chuyển chuột qua đoạn văn bản đó cần dùng định dạng CSS #note:visited {color: blue}.

Khi có nhiều mẫu định dạng có thể áp dụng cho một phần tử HTML nào đó trên trang web, CSS sẽ áp dụng định dạng theo thứ tự ưu tiên.

Các thuộc tính trong CSS với kí hiệu * sẽ có mức ưu tiên cao nhất.

Quy tắc kế thừa từ CSS cha có thứ tự ưu tiên cao hơn quy tắc CSS trực tiếp (inline CSS).

Nếu có nhiều mẫu định dạng CSS cùng mức ưu tiên áp dụng cho một phần tử HTML thì mẫu CSS nào có trọng số cao nhất sẽ được áp dụng.

Bộ chọn .test > div#p123 có trọng số là 111.

Trọng số CSS là một yếu tố quan trọng trong việc xác định mẫu định dạng nào sẽ được áp dụng khi có nhiều quy tắc xung đột.

Bộ chọn ID (#id) có trọng số cao hơn bộ chọn class (.class).

Bộ chọn phần tử (p, h1, div) có trọng số cao hơn bộ chọn ID.

Nếu một phần tử có nhiều class, trọng số của nó sẽ bằng tổng trọng số của tất cả các class đó.

Bộ chọn có trọng số thấp hơn sẽ luôn bị ghi đè bởi bộ chọn có trọng số cao hơn.

Bảng xếp hạng

Hạng Họ tên Điểm số Thời gian
1
Tq 1 lần thi
100/100
 1 phút 9 giây
2
. 4 lần thi
100/100
 2 phút 33 giây
3
quyên 3 lần thi
100/100
 3 phút 2 giây
4
… 1 lần thi
100/100
 6 phút 22 giây
5
Trần Ngọc Hào 2 lần thi
99/100
 1 phút 4 giây
6
Virrus 1 lần thi
97/100
 2 phút 31 giây
7
🙂 3 lần thi
95/100
 1 phút 35 giây
8
Thúy Quyên 2 lần thi
95/100
 1 phút 36 giây
9
666 1 lần thi
95/100
 1 phút 43 giây
10
🤡 1 lần thi
95/100
 2 phút 53 giây
11
Ly 5 lần thi
93/100
 1 phút 24 giây
12
Minh 5 lần thi
92/100
 2 phút 4 giây
13
Mỹ tiên 2 lần thi
89/100
 8 phút 39 giây
14
Mỹ Tiên 2 lần thi
83/100
 7 phút 2 giây
15
xxuxu 1 lần thi
42/100
 1 phút 37 giây
16
xễ 1 lần thi
37/100
 1 phút 27 giây
17
Hi 1 lần thi
32/100
 36 giây
18
Kền Kền 1 lần thi
30/100
 39 giây
19
Hẹ 1 lần thi
17/100
 42 giây
Cập nhật lần cuối: 13:57 29/04/2025
Top 1 Top 2 Top 3
admin
admin
Bài viết: 66

Bài viết liên quan

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Xu hướng hiện tại

Chủ đề 3. Living Online IC3 GS6: Kỹ Năng sử dụng & An Toàn Trên Môi trường số
Tin học 12 – Bài 9: Tạo danh sách và bảng
Tin học 12 – Bài 10: Tạo liên kết
Tin học 12 – Bài 11. Chèn tệp tin đa phương tiện và khung nội tuyến vào trang web