Mengapakah Sifat Grid CSS Saya Tidak Mempengaruhi Elemen Senarai Bersarang?

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!