Bagaimanakah Saya Boleh Memilih Semua Elemen Kanak-kanak secara Rekursif dalam CSS?

CSS: Memilih Elemen Kanak-kanak Secara Rekursif

Apabila berurusan dengan struktur HTML yang kompleks, adalah perlu untuk memilih semua elemen kanak-kanak untuk menggunakan gaya secara konsisten. Walau bagaimanapun, pendekatan konvensional menggunakan pemilih anak segera hanya mempengaruhi keturunan langsung.

Pemilihan Elemen Anak Rekursif dalam CSS

Untuk memilih semua elemen anak secara rekursif, manfaatkan pemilih * (ruang putih). Ia sepadan dengan setiap elemen yang berada di dalam elemen induk yang ditetapkan, tanpa mengira kedalaman sarangnya.

div.dropdown * {
  color: red;
}

Sintaks mudah ini secara berkesan menetapkan gaya kepada semua keturunan div.dropdown, termasuk anak, cucu dan sebagainya. Asterisk (*) sepadan dengan mana-mana elemen dan ruang putih bertindak sebagai pemilih turunan.

Spesifikasi Rasmi

Untuk penjelasan lanjut, rujuk spesifikasi CSS 2.1:

Bab 5.5: Keturunan Pemilih

Pemilih x y sepadan dengan setiap elemen y yang berada di dalam x, walau bagaimanapun sangat bersarang - anak, cucu dan sebagainya.

Asterisk * sepadan dengan mana-mana elemen.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Semua Elemen Kanak-kanak secara Rekursif dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!