Apa perbedaan antara kelas dan id pemilih CSS? id dan penggunaan kelas dalam HTML

Apa perbedaan antara kelas dan id pemilih CSS? id dan penggunaan kelas dalam HTML

Chen Weiliangsedang dijalankanSEO, optimalkan situsWordPresstema.

Meskipun saya telah mempelajari beberapa pengetahuan dasar HTML dan CSS sebelumnya, tetapi saya sudah lama tidak mengoperasikannya, terutama penggunaan bagian CSS, mudah untuk dilupakan.

Jadi, catat dan rangkum perbedaan dan penggunaan id dan kelas pemilih CSS di sini:

• id sesuai dengan #div
• kelas sesuai dengan .div

Perbedaan antara id dan kelas

deskripsi id

• id adalah tag tetap, yang digunakan untuk mendefinisikan gaya yang lebih besar di halaman web, yang didefinisikan dalam bentuk #div
• Misalnya: membagi kolom, atas, badan, bawah, dll...
• Digunakan untuk mendefinisikan elemen tertentu, yang hanya dapat muncul sekali per halaman dan tidak dapat dipanggil berulang kali.

deskripsi kelas

• Kelas adalah grup gaya, yang digunakan untuk mendefinisikan gaya terperinci di halaman web, yang didefinisikan dalam bentuk .div dan dapat diulang.
• Misalnya: menu tertentu, sebaris teks, dll...
• Pada halaman yang sama, itu dapat dipanggil berulang kali oleh banyak elemen

Selektor div itu sendiri tidak memiliki properti. Dengan mendefinisikan css-nya, ia mengontrol beberapa tata letak seperti lebar, tinggi, warna latar belakang, dan ukuran teks div.

UmumPerdagangan elektroniksitus web,membangun situs webHalaman web html yang dihasilkan oleh program ini adalah untuk mewujudkan tata letak halaman melalui CSS.

Apa itu pemilih?

Definisi setiap gaya CSS terdiri dari 2 bagian:

选择器 {样式}

• Bagian sebelum {} adalah "selector".
• "Selektor" menunjukkan "gaya" {} tempat ia bertindak.
• Yaitu, pada elemen halaman web mana "gaya" ini bekerja?

contoh kode

Berikut cara memilih dan menata elemen class="sidebar":

.sidebar
{ 
background-color:black;
}

Berikut cara memilih dan menata elemen dengan id="footer":

#footer
{ 
background-color:black;
}