Perbezaan antara

Dalam CSS, . dan # ialah dua simbol yang sangat biasa, kedua-duanya adalah pengecam yang digunakan untuk memilih elemen. Antaranya, titik (.) digunakan untuk menentukan pemilih kelas, dan tanda paun (#) digunakan untuk menentukan pemilih ID. Walaupun kedua-dua pengecam ini sangat serupa, ia mempunyai tujuan dan kesan yang berbeza dalam CSS. Artikel ini akan menyelidiki perbezaan mereka.

1. Struktur sintaks pemilih adalah berbeza

Dalam pemilih CSS, kedua-dua pemilih kelas dan pemilih ID menggunakan "." dan "#" sebagai awalan untuk pengecam. Walau bagaimanapun, terdapat perbezaan tertentu dalam struktur tatabahasa apabila ia digunakan. Pemilih kelas ditakrifkan dengan menambahkan "." (titik) sebelum pemilih, manakala pemilih ID ditakrifkan dengan menambahkan "#" (tanda paun) sebelum pemilih.

Sebagai contoh, untuk mencari elemen dengan atribut kelas "contoh" pada halaman, anda boleh menggunakan pemilih kelas, seperti yang ditunjukkan di bawah:

.example {
   color: red;
}

Untuk mencari elemen dengan atribut id "contoh", Anda boleh menggunakan pemilih ID, seperti yang ditunjukkan di bawah:

#example {
   color: blue;
}

2 Pemberat yang berbeza

Dalam CSS, setiap pemilih mempunyai nilai pemberat, yang digunakan untuk menentukan bila berbilang peraturan. digunakan pada Keutamaan pemilih untuk elemen yang sama. Nilai berat pemilih kelas dan pemilih ID adalah berbeza. Secara umumnya, oleh kerana elemen yang sepadan dengan pemilih ID adalah unik, nilai beratnya agak tinggi. Sebaliknya, pemilih kelas boleh sepadan dengan berbilang elemen, jadi nilai beratnya agak rendah.

Apabila berbilang pemilih digunakan untuk menentukan gaya untuk elemen yang sama, nilai berat pemilih akan berkuat kuasa. Jika anda menggunakan pemilih kelas dan bukannya pemilih ID, anda boleh menggunakan pemilih yang lebih khusus untuk definisi gaya untuk meningkatkan nilai berat.

3. Skop aplikasi yang berbeza

Satu lagi perbezaan antara pemilih kelas dan pemilih ID ialah skop aplikasi yang berbeza. Pemilih kelas boleh digunakan pada berbilang elemen, manakala pemilih ID hanya boleh digunakan pada satu elemen dengan nilai id unik. Inilah sebabnya mengapa kami biasanya menggunakan pemilih ID untuk mentakrifkan gaya elemen tunggal dan pemilih kelas untuk menentukan gaya biasa sekumpulan elemen.

Sebagai contoh, anda boleh menggunakan pemilih kelas untuk menentukan set peraturan CSS yang akan digunakan pada semua elemen perenggan pada halaman:

p {
   font-size: 16px;
   font-weight: bold;
}

Gunakan pemilih ID untuk menentukan set peraturan CSS yang akan Set peraturan akan digunakan pada satu-satunya elemen h1 pada halaman:

#page-header {
   font-size: 24px;
   color: #000;
}

Ringkasan

Dalam CSS, kedua-dua pemilih kelas dan pemilih ID ialah pengecam yang digunakan untuk memilih elemen. Walaupun ia sangat serupa, penggunaan, berat dan skop penggunaannya adalah berbeza. Pemilih kelas boleh digunakan untuk berbilang elemen dan beratnya agak rendah, manakala pemilih ID sesuai untuk satu elemen dan beratnya agak tinggi. Oleh itu, apabila menggunakannya, anda perlu memilih pemilih yang sesuai mengikut keperluan khusus anda.

Atas ialah kandungan terperinci Perbezaan antara. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!