Quiz về độ ưu tiên của bộ chọn CSS

Trong CSS, bộ chọn nào có độ ưu tiên cao nhất?

• Bộ chọn thẻ

• Bộ chọn lớp

• Bộ chọn id

• Bộ chọn giả

Độ ưu tiên của bộ chọn trong CSS được xác định dựa vào yếu tố nào?

• Độ dài của mã CSS

• Loại bộ chọn và vị trí khai báo

• Số lượng thuộc tính được sử dụng

• Thứ tự các dòng mã CSS

Quy tắc nào sau đây có độ ưu tiên cao nhất?

• p { color: blue; }

• #intro { color: red; }

• .highlight { color: green; }

• body { color: black; }

Bộ chọn nào dưới đây có độ ưu tiên thấp nhất?

• p { font-size: 14px; }

• .text { font-size: 16px; }

• #main { font-size: 18px; }

• h1 { font-size: 20px; }

Khi có nhiều quy tắc CSS xung đột nhau, trình duyệt sẽ chọn quy tắc nào?

• Quy tắc xuất hiện trước trong tệp CSS

• Quy tắc có độ ưu tiên cao hơn

• Quy tắc có màu sắc nổi bật nhất

• Quy tắc dài hơn về số ký tự

Trong đoạn CSS sau, thuộc tính color của văn bản sẽ có giá trị nào?

• Xanh dương

• Xanh lá

• Đỏ

• Không có màu

Quy tắc nào có độ ưu tiên cao nhất trong CSS?

• !important

• Bộ chọn id

• Bộ chọn lớp

• Bộ chọn thẻ

Độ ưu tiên của các bộ chọn trong CSS được tính theo thứ tự nào?

• Thẻ → Lớp → ID → !important

• ID → Lớp → Thẻ → !important

• !important → ID → Lớp → Thẻ

• Lớp → ID → Thẻ → !important

Nếu có nhiều quy tắc CSS cùng áp dụng cho một phần tử, yếu tố nào quyết định quy tắc nào được sử dụng?

• Quy tắc xuất hiện đầu tiên

• Quy tắc xuất hiện cuối cùng

• Quy tắc có độ ưu tiên cao hơn

• Quy tắc có giá trị thuộc tính lớn nhất

Khi sử dụng bộ chọn h1, h2, h3 { color: blue; }, quy tắc này áp dụng cho đối tượng nào?

• Tất cả các phần tử h1, h2, h3

• Chỉ phần tử h1

• Chỉ phần tử h3

• Không phần tử nào