Rumah > hujung hadapan web > tutorial css > Apakah kesan penggunaan berbilang ID pada halaman yang sama_Pertukaran pengalaman

Apakah kesan penggunaan berbilang ID pada halaman yang sama_Pertukaran pengalaman

WBOY
Lepaskan: 2016-05-16 12:10:15
asal
1732 orang telah melayarinya

Apabila mentakrifkan gaya dalam helaian gaya, anda boleh menentukan id atau kelas, contohnya:

Kaedah ID: #test{color:#333333}, panggil

kandungan
kaedah KELAS: .test{color:#333333}, panggil
kandungan
dalam halaman
id hanya boleh digunakan sekali pada halaman dan kelas boleh dirujuk beberapa kali.

Sesetengah netizen bertanya, nampaknya tiada perbezaan antara id dan kelas saya menggunakan berbilang id pada halaman dan ia dipaparkan seperti biasa dalam IE.

Jawapan: Kesan pertama ialah ia tidak boleh melepasi pengesahan W3.

Dari segi paparan halaman, penyemak imbas semasa masih membenarkan anda melakukan kesilapan ini dan menggunakan berbilang ID yang serupa boleh "secara umumnya" dipaparkan secara normal. Tetapi apabila anda perlu menggunakan JavaScript untuk mengawal div ini melalui id, ralat akan berlaku.

id ialah tag yang digunakan untuk membezakan struktur dan kandungan yang berbeza, sama seperti nama anda Jika terdapat dua orang dengan nama yang sama di dalam bilik, kekeliruan akan berlaku; digunakan untuk Dari segi mana-mana struktur dan kandungan, ia adalah seperti sehelai pakaian;
Secara konseptual, ia adalah berbeza:
id mencari struktur/kandungan terlebih dahulu, dan kemudian menentukan gaya untuknya; gaya dahulu, dan kemudian Tetapkan untuk berbilang struktur/kandungan.

Standard web berharap semua orang menggunakan tabiat yang ketat untuk menulis kod,

Contohnya: anda boleh menggunakan

untuk memaparkan huruf tebal, atau anda boleh menggunakan untuk memaparkan , tetapi W3C mengesyorkan anda menggunakan kerana lebih semantik
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan