Bài 17. Các mức ưu tiên của bộ chọn

Pseudo-class được sử dụng để:

1. Định nghĩa kiểu chữ đặc biệt
2. Tạo các lớp giả định của phần tử HTML
3. Thay đổi màu nền của trang web
4. Tạo hiệu ứng động cho các hình ảnh

Cú pháp đúng để áp dụng pseudo-element trong CSS là:

1. `::pseudo-element {thuộc tính : giá trị ;}`
2. `pseudo-element {thuộc tính : giá trị ;}`
3. `:pseudo-element {thuộc tính : giá trị ;}`
4. `::pseudo-class {thuộc tính : giá trị ;}`

Trong trường hợp có nhiều mẫu định dạng CSS áp dụng cho cùng một phần tử, quy tắc nào được áp dụng?

1. Mẫu định dạng đầu tiên trong tệp CSS
2. Mẫu định dạng có thuộc tính màu sắc
3. Mẫu định dạng có trọng số cao nhất
4. Mẫu định dạng có thứ tự cuối cùng

Trọng số CSS không bao gồm yếu tố nào sau đây?

1. Số lượng ID
2. Số lượng class
3. Số lượng thẻ HTML
4. Số lượng thuộc tính

Pseudo-class :hover được sử dụng để:

1. Thay đổi nội dung của phần tử khi nhấn vào
2. Thay đổi kiểu chữ khi chuột di chuyển qua
3. Ẩn phần tử khi trang được tải
4. Tạo hiệu ứng động khi trang cuộn

Nguyên tắc ưu tiên trong CSS được xác định bằng:

1. Thứ tự xuất hiện của các quy tắc trong tệp CSS
2. Số lượng phần tử trong trang HTML
3. Số lượng liên kết trong tệp CSS
4. Tính kế thừa và trọng số của các bộ chọn

Pseudo-element ::before thường được sử dụng để:

1. Thêm nội dung trước phần tử
2. Thay đổi màu nền của phần tử
3. Thêm đường viền cho phần tử
4. Thay đổi kích thước của phần tử

Trọng số của một mẫu định dạng CSS được xác định dựa trên:

1. Vị trí của tệp CSS trong trang
2. Số lượng các kiểu chữ khác nhau
3. Số lượng ID, class và thẻ HTML
4. Số lượng các màu sắc được sử dụng

Nếu một phần tử HTML có cả ID và class, mẫu định dạng nào sẽ được ưu tiên?

1. Mẫu định dạng với ID
2. Mẫu định dạng với class
3. Mẫu định dạng được viết sau cùng
4. Mẫu định dạng với thuộc tính màu sắc

Pseudo-class :first-child được sử dụng để:

1. Áp dụng định dạng cho phần tử đầu tiên trong một nhóm
2. Áp dụng định dạng cho phần tử cuối cùng trong một nhóm
3. Áp dụng định dạng cho tất cả các phần tử trong nhóm
4. Áp dụng định dạng cho phần tử duy nhất trong nhóm

Nếu có hai quy tắc CSS:

p#intro { color: red; }
#intro { color: green; }

thì đoạn văn có id="intro" sẽ hiển thị màu chữ là xanh lá cây.

1. Đúng
2. Sai

CSS inline (style="color:blue") có thể bị ghi đè bởi một quy tắc CSS khác nếu quy tắc đó sử dụng !important.

1. Đúng
2. Sai

Khi chọn phần tử div.warning:hover::first-letter, thì trọng số của bộ chọn này là 22.

1. Đúng
2. Sai

Nếu người dùng rê chuột vào một liên kết đã từng bấm, thì thuộc tính CSS trong :visited sẽ được ưu tiên hơn :hover.

1. Đúng
2. Sai

Một đoạn văn bản khi được chọn bằng chuột (drag chọn) có thể thay đổi màu nền nếu sử dụng pseudo-element ::selection.

1. Đúng
2. Sai