Bộ chọn con cháu của CSS là gì?

Cấu trúc của một tài liệu HTML tương tự như một cây gia đình. Trong gia đình của bạn, bạn có cha mẹ của bạn và những người khác đến trước bạn. Đây là tổ tiên của bạn. Trẻ em và những người đến sau khi bạn trên cây đó là hậu duệ của bạn. HTML hoạt động theo cách tương tự. Các yếu tố bên trong các yếu tố khác là hậu duệ của chúng. Ví dụ, vì gần như mọi phần tử HTML nằm bên trong các thẻ , chúng sẽ là hậu duệ của các phần tử đó. Mối quan hệ này rất quan trọng để hiểu khi bạn bắt đầu làm việc với CSS và cần phải nhắm mục tiêu các yếu tố cụ thể để áp dụng các kiểu trực quan.

Bộ chọn con cháu của CSS

Bộ chọn con cháu CSS áp dụng cho các phần tử nằm bên trong một phần tử khác (hoặc được khai báo chính xác hơn, một phần tử là hậu duệ của phần tử khác). Ví dụ, một danh sách không có thứ tự có một thẻ với các thẻ là hậu duệ. Hãy sử dụng HTML sau làm ví dụ: