Apakah Perbezaan Antara \'.\' dan \'#\' dalam Pemilih CSS?

Mentafsirkan Perbezaan Antara "." dan "#" dalam Penggayaan CSS

Apabila menggayakan elemen HTML menggunakan CSS, adalah penting untuk memahami perbezaan antara pemilih kelas (".") dan pemilih ID ("#").

Kelas Pemilih (."")

Pemilih kelas menyasarkan berbilang elemen berdasarkan atribut kelas kongsi. Ia digunakan untuk gaya yang digunakan pada sekumpulan elemen, seperti:

• .error { color: red; }: Memilih semua elemen dengan kelas "ralat" dan menggunakan gaya.
• .nav-item { background-color: white; }: Memilih semua elemen dengan kelas "nav-item" dan menggayakan latar belakangnya.

Pemilih ID ("#")

Pemilih ID menyasarkan elemen unik yang khusus berdasarkan ciri mereka atribut ID. Ia digunakan untuk menggayakan elemen yang muncul sekali sahaja pada halaman, seperti:

• #bar sisi { width: 200px; }: Memilih elemen tunggal dengan ID "bar sisi" dan menetapkan lebarnya.
• #header { font-size: 2em; }: Memilih elemen tunggal dengan "pengepala" ID dan meningkatkan saiz fonnya.

Kekhususan

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

Syor Penggunaan

• Kelas pemilih sesuai untuk elemen penggayaan yang berlaku beberapa kali, di mana setiap tika harus berkongsi gaya yang sama.
• Pemilih ID sesuai untuk menggayakan elemen unik yang muncul sekali sahaja pada halaman .

Sumber Tambahan

• [Selectutorial: A Comprehensive Guide to CSS Selectors](https://web.archive.org/web/20160707052959/http:// www.selectutorial.com/css/selector-tutorial.html)

Atas ialah kandungan terperinci Apakah Perbezaan Antara \'.\' dan \'#\' dalam Pemilih CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!