Rumah >hujung hadapan web >tutorial css >Bagaimana Saya Boleh Menggayakan Semua Tetapi Elemen `` Pertama Di Dalam ``?

Bagaimana Saya Boleh Menggayakan Semua Tetapi Elemen `` Pertama Di Dalam ``?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-02 00:25:12916semak imbas

How Can I Style All But the First `` Element Inside a ``?

Menggunakan Pemilih 'not:first-child' dengan Berkesan

Apabila menggayakan elemen dalam bekas, selalunya perlu untuk menggunakan peraturan kepada semua elemen kecuali yang pertama. Memahami cara menggunakan pemilih 'bukan:anak pertama' dengan berkesan adalah penting untuk senario sedemikian.

Dalam kes anda, anda cuba menetapkan sifat CSS untuk setiap teg 'ul' dalam teg 'div', tidak termasuk yang pertama. Walaupun percubaan anda tidak berjaya, salah satu variasi yang anda cuba sebenarnya berfungsi dalam penyemak imbas moden:

Pemilih ini memanfaatkan pemilih CSS tahap 3 dan menyasarkan semua teg 'ul' dalam 'div' yang bukan yang pertama kanak-kanak.

Walau bagaimanapun, jika anda perlu menyokong pelayar lama atau menghadapi had pemilih ':not', pendekatan alternatif ialah tersedia:

  1. Tentukan peraturan dengan skop yang lebih luas daripada yang dimaksudkan:
  1. "Batalkan" peraturan secara bersyarat untuk mengehadkan skopnya kepada elemen yang disasarkan:

Dengan berbalik kepada atribut lalai untuk sifat CSS yang diubah suai, anda boleh dengan berkesan hadkan peraturan kepada elemen yang diingini.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Menggayakan Semua Tetapi Elemen `` Pertama Di Dalam ``?. 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