Rumah >hujung hadapan web >tutorial css >Mengapakah Sifat Grid CSS Saya Tidak Mempengaruhi Elemen Senarai Bersarang?

Mengapakah Sifat Grid CSS Saya Tidak Mempengaruhi Elemen Senarai Bersarang?

DDD
DDDasal
2024-12-21 14:07:10561semak imbas

Why Aren't My CSS Grid Properties Affecting Nested List Elements?

Sifat Grid CSS Tidak Melangkaui Elemen Tahap Pertama

Apabila menentukan Grid CSS pada tahap paling atas struktur senarai bersarang, anda mungkin menghadapi kesukaran untuk memohon sifat grid kepada elemen bersarang lebih dalam dalam senarai. Isu ini timbul disebabkan oleh skop terhad konteks pemformatan grid CSS, yang hanya meliputi antara ibu bapa dan anak terdekat mereka.

Dalam contoh yang diberikan, anda telah membuat reka letak grid pada

    dengan kelas orgChartLevel1. Anda kemudian cuba menggunakan sifat grid pada
  • elemen dalam
      (.orgChartLevel2b). Walau bagaimanapun, sifat ini tidak digunakan kerana
    • elemen ialah keturunan, bukan anak, daripada bekas grid.

      Penyelesaian:

      Untuk menggunakan sifat grid pada elemen yang bersarang dalam bekas grid, anda mesti sama ada:

      1. Tetapkan paparan: grid atau paparan: grid sebaris kepada elemen induk bagi yang dikehendaki elemen.
      2. Alih keluar elemen perantara antara bekas grid dan elemen yang anda ingin gunakan sifat grid.

      Nota:

      • Item grid juga boleh digunakan sebagai bekas grid.
      • Semak sumber yang dipautkan untuk mendapatkan maklumat lanjut tentang berkaitan topik.

      Atas ialah kandungan terperinci Mengapakah Sifat Grid CSS Saya Tidak Mempengaruhi Elemen Senarai Bersarang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn