Câu hỏi tự luận mức độ vận dụng Khoa học máy tính 12 ctst bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Câu 1:

Vùng chọn pseudo-classes trong CSS cho phép bạn chọn các phần tử dựa trên trạng thái hoặc vị trí của chúng trong tài liệu. Chúng thường được sử dụng để áp dụng kiểu cho các phần tử khi người dùng tương tác với chúng.

Ví dụ về một số pseudo-classes phổ biến:

+ hover: Áp dụng kiểu khi chuột di chuyển qua phần tử.

+ focus: Áp dụng kiểu khi phần tử được chọn (như ô nhập liệu).

+ nth-child(n): Chọn phần tử con dựa trên vị trí của nó trong cha (ví dụ: li:nth-child(2) chọn phần tử <li> thứ hai).

Câu 2:

- Pseudo-classes: Chọn các phần tử dựa trên trạng thái hoặc vị trí của chúng trong tài liệu. Ví dụ: :hover, :focus, :nth-child(n).

- Pseudo-elements: Chọn và áp dụng kiểu cho một phần của phần tử, không phải toàn bộ phần tử. Ví dụ: ::before, ::after, ::first-line, ::first-letter.

=> Pseudo-classes làm việc với trạng thái của phần tử, trong khi pseudo-elements làm việc với các phần cụ thể của phần tử.