Bài tập  /  Bài đang cần trả lời

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) E1 E2 E3. b) E1 > E2 >E3.

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) E1 E2 E3.

b) E1 > E2 >E3.

1 Xem trả lời
Hỏi chi tiết
8
0
0
Đặng Bảo Trâm
10/09 21:43:55

a) Mẫu định dạng E1 E2 E3: Đây là một mẫu kết hợp (descendant selector) trong CSS, áp dụng cho các phần tử E3 nằm trong phần tử E2, và phần tử E2 nằm trong phần tử E1. Mẫu này không yêu cầu E2 và E3 là con trực tiếp của E1, mà có thể nằm bất kỳ đâu trong cây phân cấp của E1.

Ví dụ:

Trong ví dụ trên, mẫu định dạng .container .parent .child span áp dụng cho phần tử nằm trong phần tử có lớp "child", nằm trong phần tử có lớp "parent", và nằm trong phần tử có lớp "container". Điều này cho phép chúng ta định dạng các phần tử trong một cây phân cấp phức tạp.

b) Mẫu định dạng E1 > E2 > E3: Đây là một mẫu kết hợp (child combinator) trong CSS, áp dụng cho các phần tử E3 là con trực tiếp của E2, và E2 là con trực tiếp của E1. Mẫu này yêu cầu E2 và E3 nằm trực tiếp trong E1.

Ví dụ:

Trong ví dụ trên, mẫu định dạng .parent > .child > span áp dụng cho phần tử là con trực tiếp của phần tử có lớp "child", và phần tử có lớp "child" là con trực tiếp của phần tử có lớp "parent". Điều này cho phép chúng ta định dạng các phần tử chỉ khi chúng nằm trực tiếp trong các phần tử

    • , không áp dụng cho các phần tử khác nằm ở cấp độ khác trong cây phân cấp.

  • Mở khóa để xem toàn bộ nội dung trả lời

    (?)
    Bạn đã đạt đến giới hạn của mình. Bằng cách Đăng ký tài khoản, bạn có thể xem toàn bộ nội dung trả lời
    Cải thiện điểm số của bạn bằng cách đăng ký tài khoản Lazi.
    Xem toàn bộ các câu trả lời, chat trực tiếp 1:1 với đội ngũ Gia sư Lazi bằng cách Đăng nhập tài khoản ngay bây giờ
    Tôi đã có tài khoản? Đăng nhập

    Bạn hỏi - Lazi trả lời

    Bạn muốn biết điều gì?

    GỬI CÂU HỎI
    Học tập không giới hạn cùng học sinh cả nước và AI, sôi động, tích cực, trải nghiệm

    Hôm nay bạn thế nào? Hãy nhấp vào một lựa chọn, nếu may mắn bạn sẽ được tặng 50.000 xu từ Lazi

    Vui Buồn Bình thường
    ×
    Trợ lý ảo Trợ lý ảo
    ×
    Đấu trường tri thức | Lazi Quiz Challenge +500k
    Gửi câu hỏi
    ×