Bagaimanakah Saya Boleh Menggayakan Semua kecuali Elemen Pertama dalam Siri Menggunakan Pemilih `:not(:first-child)` CSS?

Menguasai Pemilih bukan:anak pertama untuk Penguasaan CSS

Soalan:

Bagaimana cara saya menyasarkan setiap elemen dengan berkesan kecuali yang pertama dalam satu siri elemen menggunakan CSS's not:first-child selector? Pengasingan ini menimbulkan cabaran apabila cuba menggayakan elemen tertentu sambil mengecualikan kejadian pertama.

Jawapan:

Untuk mencapai pengasingan ini, terdapat dua pendekatan yang berdaya maju:

1. Menggunakan :not Selector (Pelayar Moden):

Untuk penyemak imbas moden yang menyokong Pemilih CSS Tahap 3, pemilih berikut akan menyasarkan semua elemen dengan tepat kecuali yang pertama:

div ul:not(:first-child) {
    background-color: #900;
}

2. Pembatalan Skop Bersyarat:

Untuk penyemak imbas lama atau senario tertentu di mana pemilih :not terhad, anda boleh menggunakan teknik berikut:

1. Pada mulanya tetapkan peraturan yang digunakan untuk semua elemen jenis yang dikehendaki (cth., semua teg
   dalam a
   ):

div ul {
    background-color: #900;
}

2. Buat peraturan untuk membatalkan gaya ini daripada elemen pertama, tetapkan atribut CSS yang berkenaan kepada nilai lalainya:

div ul:first-child {
    background-color: transparent;
}

Dengan membatalkan gaya secara bersyarat, anda menyasarkan setiap elemen dengan berkesan kecuali yang pertama. Pendekatan ini menyediakan keserasian dengan penyemak imbas lama dan membolehkan kawalan yang lebih terperinci ke atas pengecualian gaya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Semua kecuali Elemen Pertama dalam Siri Menggunakan Pemilih `:not(:first-child)` CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!