Tìm ví dụ và giải thích ý nghĩa cho các mẫu định dạng CSS tổng quát như sau

Trang trước Trang sau

Vận dụng 2 trang 88 Tin học 12: Tìm ví dụ và giải thích ý nghĩa cho các mẫu định dạng CSS tổng quát như sau:

a) E + F +G.

b) E >F + G

Lời giải:

a) Mẫu định dạng E + F + G: Đây là một mẫu kết hợp (adjacent sibling combinator) trong CSS, áp dụng cho các phần tử G là anh em kế tiếp của phần tử F, và phần tử F là anh em kế tiếp của phần tử E. Mẫu này yêu cầu F và G nằm trực tiếp sau E và cùng nằm trong cùng một cấp độ của cây phân cấp.

Ví dụ:

Tìm ví dụ và giải thích ý nghĩa cho các mẫu định dạng CSS tổng quát như sau

Trong ví dụ trên, mẫu định dạng .container h2 + p + p áp dụng cho các phần tử

nằm sau phần tử

, và cùng nằm trực tiếp sau một phần tử

. Điều này cho phép chúng ta định dạng các phần tử

mà là anh em kế tiếp của phần tử

và nằm trực tiếp sau một phần tử

.

b) Mẫu định dạng E > F + G: Đây là một mẫu kết hợp (child combinator và adjacent sibling combinator) trong CSS, áp dụng cho các phần tử G là anh em kế tiếp của phần tử F, và phần tử F là con trực tiếp của phần tử E. Mẫu này yêu cầu F và G nằm trực tiếp sau E và cùng nằm trong cùng một cấp độ của cây phân cấp.

Ví dụ:

Tìm ví dụ và giải thích ý nghĩa cho các mẫu định dạng CSS tổng quát như sau

Trong ví dụ trên, mẫu định dạng .container > ul + p + ul áp dụng cho các phần tử