Để sử dụng định dạng pseudo-class cho các trạng thái như nháy chuột vào vùng màn hình (focus) và di chuyển chuột qua đoạn văn bản (hover), bạn có thể dùng CSS như sau:
1. Pseudo-class cho trạng thái nháy chuột vào vùng màn hình (focus) và làm vùng này có màu đỏ:
```css
.selector:focus {
background-color: red;
}
```
Trong đó `.selector` là vùng bạn muốn áp dụng, ví dụ một input, div hoặc phần tử khác.
2. Pseudo-class cho trạng thái di chuyển chuột qua đoạn văn bản (hover):
```css
.selector:hover {
/* Định dạng khi hover */
color: blue; /* ví dụ đổi màu chữ khi hover */
}
```
Ví dụ cụ thể:
```html
<input type="text" class="input-box" />
Di chuột qua đoạn văn bản này
```
```css
.input-box:focus {
background-color: red;
}
.text-hover:hover {
color: blue;
}
```
Bạn có thể thay đổi `.input-box` và `.text-hover` thành các selector phù hợp với vùng bạn muốn định dạng.