Câu 1. 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).
a. Trong CSS, các lớp giả quy định viết sau dấu “::”.
b. Phần tử giả mô tả các thành phần (nhỏ hơn) của phần tử.
c. 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.
d. Để đổ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}.
Câu 2. 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.
a. Các thuộc tính trong CSS với kí hiệu * sẽ có mức ưu tiên cao nhất.
b. 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).
c. 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.
d. Bộ chọn .test div#p123 có trọng số là 102.

Question

Câu 1. 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).
a. Trong CSS, các lớp giả quy định viết sau dấu “::”.
b. Phần tử giả mô tả các thành phần (nhỏ hơn) của phần tử.
c. 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.
d. Để đổ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}.
Câu 2. 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.
a. Các thuộc tính trong CSS với kí hiệu * sẽ có mức ưu tiên cao nhất.
b. 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).
c. 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.
d. Bộ chọn .test > div#p123 có trọng số là 102.

Accepted Answer

Chắc chắn rồi, hãy cùng phân tích các câu hỏi về CSS của bạn:

Câu 1. 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).

a. Trong CSS, các lớp giả quy định viết sau dấu “::”.
Sai. Lớp giả được viết sau dấu ":", phần tử giả được viết sau dấu "::".
b. Phần tử giả mô tả các thành phần (nhỏ hơn) của phần tử.
Đúng. Phần tử giả cho phép bạn định dạng các phần cụ thể của một phần tử, ví dụ như dòng đầu tiên, chữ cái đầu tiên, hoặc nội dung được thêm vào trước hoặc sau phần tử.
c. 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.
Đúng. ::selection là một phần tử giả cho phép bạn định dạng phần văn bản được người dùng chọn.
d. Để đổ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}.
Sai. visited là lớp giả dùng cho các liên kết đã được truy cập. Để đổi màu chữ khi di chuyển chuột qua, cần dùng :hover. Định dạng đúng là #note:hover {color: blue;}.
Câu 2. 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.

a. Các thuộc tính trong CSS với kí hiệu * sẽ có mức ưu tiên cao nhất.
Sai. Kí hiệu * là bộ chọn chung, có mức ưu tiên thấp.
b. 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).
Sai. Inline CSS có mức ưu tiên cao nhất.
c. 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.
Đúng. Trọng số (specificity) quyết định mẫu CSS nào được áp dụng khi có xung đột.
d. Bộ chọn .test > div#p123 có trọng số là 102.
Đúng. Trọng số được tính như sau:
ID (#p123): 100
Lớp (.test): 10
Phần tử (div): 1
Tổng: 100 + 10 + 1 = 111. Đáp án bạn đưa ra là sai.
Kết luận:

Câu 1: Đáp án đúng là b và c.
Câu 2: Đáp án đúng là c.

Câu 1. 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). a. Trong CSS, các lớp giả quy định viết sau dấu “::”. b. Phần tử giả mô tả các thành phần (nhỏ hơn)...