Pemilih Kelas vs. ID dalam CSS: Bilakah Saya Perlu Menggunakan Setiap?

Pemilih Kelas lwn. ID dalam CSS

Apabila mentakrifkan gaya untuk elemen HTML, CSS menggunakan dua jenis pemilih: kelas dan ID. Setiap jenis mempunyai tujuan yang berbeza dan mempamerkan semantik yang berbeza.

Pemilih Kelas (.)

Pemilih kelas digunakan untuk menyasarkan berbilang elemen yang berkongsi atribut kelas tertentu. Sebagai contoh, .container akan memadankan semua elemen dengan atribut kelas yang ditetapkan kepada "bekas." Ini membenarkan penggunaan gaya yang sama pada sekumpulan elemen yang berkaitan.

Pemilih ID (#)

Sebaliknya, pemilih ID digunakan untuk menyasarkan satu elemen unik dengan atribut ID tertentu. Sebagai contoh, #header akan memilih elemen dengan nilai atribut ID "header" secara eksklusif. Pemilih ID sesuai untuk menyasarkan elemen yang muncul sekali sahaja dalam dokumen.

Senario Penggunaan

• Pemilih Kelas: Elemen penggayaan yang ulangi seluruh halaman, seperti tajuk, perenggan, pautan, dsb.
• Pemilih ID: Menggayakan komponen reka letak yang muncul sekali sahaja, seperti pengepala, bar sisi, pengaki, dsb.

Kekhususan

Pemilih ID mempunyai kekhususan yang lebih tinggi daripada pemilih kelas. Ini bermakna jika gaya bercanggah digunakan pada elemen yang sama menggunakan kedua-dua pemilih ID dan kelas, gaya pemilih ID akan mengatasi gaya pemilih kelas.

Sumber Tambahan

Untuk mendalami pemilih CSS, pertimbangkan perkara berikut sumber:

• [Selectutorial](https://www.w3.org/Style/Examples/007/selector.en.html)
• [Kekhususan CSS](https: //developer.mozilla.org/en-US/docs/Web/CSS/Specificity)

Atas ialah kandungan terperinci Pemilih Kelas vs. ID dalam CSS: Bilakah Saya Perlu Menggunakan Setiap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!