Apakah Perbezaannya: Pemilih Tunggal, Berganda dan Berbilang Titik dalam CSS?

Menyingkap Peranan Titik dalam CSS

Dalam bidang CSS, titik sederhana itu mempunyai makna penting yang boleh mengubah penyasaran keupayaan pemilih. Mari kita mendalami kerumitan cara titik itu beroperasi dalam senario yang berbeza.

Titik Tunggal: Pemilih Kelas

Pemilih yang bermula dengan titik, seperti .work- bekas, menetapkan nama kelas. Ini menunjukkan bahawa peraturan penggayaan akan digunakan pada mana-mana elemen HTML yang memiliki kelas khusus itu.

Dua Titik Dipisahkan Oleh Ruang: Pemilih Keturunan

Pemilih dengan dua titik dipisahkan oleh ruang, seperti .work-container .h3, mewakili pemilih keturunan. Ia menyasarkan unsur-unsur yang mempunyai nama kelas kedua sambil turut menjadi keturunan unsur-unsur dengan nama kelas pertama.

Dua Titik Tanpa Ruang: Pemilih Berbilang Kelas

Sebaliknya, a pemilih dengan dua titik tanpa ruang pemisah, seperti .name1.name2, menandakan pemilih berbilang kelas. Ia menggunakan penggayaan pada elemen yang mempunyai kedua-dua nama kelas pertama dan kedua secara serentak.

Atas ialah kandungan terperinci Apakah Perbezaannya: Pemilih Tunggal, Berganda dan Berbilang Titik dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!