Bolehkah Elemen Gaya CSS Berdasarkan Berbilang Kelas Secara Serentak?

Bolehkah Elemen Gaya CSS Berdasarkan Berbilang Kelas?

Memilih elemen berdasarkan berbilang kelas boleh berguna untuk menggayakan reka letak halaman yang kompleks. Tanpa menggunakan JavaScript, anda boleh mencapai ini dengan merantai pemilih CSS tanpa ruang antara mereka.

Sebagai contoh, untuk menggunakan peraturan gaya pada teg li yang mempunyai kedua-dua kelas .left dan .ui-class-selector :

li.left.ui-class-selector {
    /* style here */
}

Peraturan CSS ini hanya akan memadankan dan menggayakan elemen yang mempunyai kedua-dua kelas .left dan .ui-class-selector digunakan.

Berikut ialah satu lagi contoh pemilih CSS yang lebih kompleks:

div.container .item.active.hovered {
    /* style here */
}

Peraturan ini hanya akan dipadankan dan gaya elemen yang mempunyai perkara berikut kelas:

• .bekas
• .item
• .aktif
• .berlegar

Perhatikan bahawa pesanan daripada kelas dalam pemilih adalah penting. Peraturan hanya akan memadankan elemen yang mempunyai kelas yang digunakan dalam susunan yang ditentukan.

Atas ialah kandungan terperinci Bolehkah Elemen Gaya CSS Berdasarkan Berbilang Kelas Secara Serentak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!