**Câu 20:** 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ử, mẫu định dạng nào được áp dụng?
**Đáp án:** D. Mẫu định dạng có thứ tự cuối cùng.
Giải thích: Theo quy tắc cụ thể của CSS, nếu có nhiều quy tắc có cùng độ cụ thể, quy tắc được áp dụng là quy tắc cuối cùng trong tệp CSS.
---
**Câu 1:** Ý nghĩa và ví dụ minh họa cho các bộ chọn E F và E + F trong CSS.
**Đáp án:**
- Bộ chọn **E F** chọn một phần tử F mà là phần tử con (tổ tiên) của phần tử E. Ví dụ: `div p` sẽ chọn tất cả các thẻ `
` nằm bên trong thẻ `
`.
- Bộ chọn **E + F** chọn phần tử F ngay sau phần tử E trong cùng một nhánh (cùng cấp). Ví dụ: nếu có cấu trúc HTML như sau:
```html
```
thì `div + p` sẽ chọn thẻ `
` ngay sau thẻ `
`.
---
**Câu 2:** Chiều rộng của các phần tử nội tuyến phụ thuộc vào những yếu tố nào? Có phụ thuộc vào chiều rộng của cửa sổ trình duyệt không?
**Đáp án:**
Chiều rộng của các phần tử nội tuyến phụ thuộc vào nội dung bên trong chúng và các thuộc tính CSS như padding và margin. Các phần tử nội tuyến không hỗ trợ thiết lập chiều rộng cụ thể, vì vậy chiều rộng của chúng sẽ tự động điều chỉnh theo nội dung. Ngoài ra, chiều rộng của phần tử nội tuyến cũng có thể bị ảnh hưởng bởi chiều rộng của cửa sổ trình duyệt, vì nếu không gian trong cửa sổ trình duyệt bị giới hạn, phần tử nội tuyến sẽ bị cắt bớt để phù hợp.
---
**Câu 3:** Tính trọng số của các bộ chọn sau:
a) `p.test.more em.test`
b) `em.more > strong#p123`
**Đáp án:**
a) `p.test.more em.test` có trọng số là (0, 3, 1) - 0 từ loại, 3 từ lớp và 1 từ phần tử.
b) `em.more > strong#p123` có trọng số là (0, 1, 2) - 0 từ loại, 1 từ lớp, 2 từ phần tử (bao gồm cả ID).