Apakah perbezaan antara kelas dan id dalam html5

Perbezaan: 1. Skop yang berbeza, kelas mempunyai skop yang lebih besar, manakala id mempunyai skop yang lebih kecil 2. Tahap keutamaan yang berbeza, pemilih id mempunyai keutamaan yang lebih tinggi, manakala pemilih kelas mempunyai keutamaan Tahap lebih rendah; ; 3. Sintaks penggunaan dalam CSS adalah berbeza dipilih oleh "."

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.

Apakah perbezaan antara kelas dan id dalam html5?

id

ialah pengecam unik, yang serupa dengan nombor ID kami tag dengan cepat Objek dan lakukan operasi padanya.

Apabila kami menggunakan id untuk mengubah suai gaya label, kami menggunakan #id untuk mewakilinya

Kelas

menunjuk ke kelas, iaitu. Katakan, jika terdapat empat teg dengan gaya yang sama, untuk kemudahan, kami meletakkan gaya empat teg ini ke dalam Kelas Apabila kami perlu menggunakannya, kami terus membiarkan teg itu diwarisi daripada kelas Kelas ini untuk mencapai Untuk mengurangkan jumlah kod, jika kita masih perlu mengawal empat teg dengan tepat, kita boleh menggunakan id dan kelas untuk mengawal satu teg pada masa yang sama!

Apabila kami menggunakan Kelas untuk mengubah suai gaya label, kami menggunakan .Class untuk mewakilinya Perbezaan antara

adalah seperti berikut:

• mempunyai. skop tindakan yang berbeza: Skop kelas adalah lebih besar daripada id, yang mewakili pengecam unik, sama seperti kad ID peribadi kami Ia unik dan hanya boleh dipanggil sekali pada halaman. Secara amnya, halaman web tidak mempunyai dua atau lebih ID. Skop kelas adalah lebih luas Kelas ialah label kelas dan boleh dipanggil beberapa kali dalam antara muka. Boleh digunakan semula.

• Keutamaan adalah berbeza: keutamaan pemilih id adalah lebih tinggi daripada keutamaan pemilih kelas. Untuk yang lebih penting, anda boleh menggunakan pemilih id.

• menggunakan sintaks yang berbeza: cara pemilih id digunakan dalam css, seperti menggunakan div sebagai contoh: (Sebagai contoh, terdapat div id='i'... dan div class=' masing-masing c'... dua kotak div, kaedah memetik dalam css adalah seperti berikut:)

.c{
属性：属性值；
} 
#i{
属性：属性值；
}

Tutorial yang disyorkan: "tutorial video html "

Atas ialah kandungan terperinci Apakah perbezaan antara kelas dan id dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!