Mengapakah Menetapkan Atribut \'tajuk\' pada Teg `` Menghalang Gaya CSS daripada Memaparkan?

Mengapa Atribut 'title' Mengganggu Rendering CSS?

Dokumen HTML yang disediakan cuba untuk menggunakan kedua-dua a.css dan b.css pada elemen pada halaman. Walau bagaimanapun, gaya daripada b.css tidak dipaparkan, seperti yang ditunjukkan dalam coretan kod.

Dengan menetapkan atribut tajuk pada elemen memaut ke b.css, helaian gaya dikategorikan sebagai "lembaran gaya pilihan." Sebaliknya, helaian gaya tanpa atribut tajuk dianggap "lembaran gaya berterusan." Mengikut spesifikasi HTML:

Jenis Lembaran Gaya

• Lembaran gaya berterusan: Dipautkan dengan rel="stylesheet" dan tiada atribut tajuk. Sentiasa digunakan semasa pemaparan.
• Lembaran gaya pilihan: Dipautkan dengan rel="stylesheet" dan atribut tajuk. Dihimpunkan mengikut tajuk, tetapi penyemak imbas hanya memaparkan satu helaian gaya pilihan bagi setiap kumpulan.
• Helaian gaya ganti: Dipautkan dengan rel="lembaran gaya ganti" dan tajuk. Dihimpunkan mengikut tajuk, membenarkan pengguna memilih helaian gaya daripada antara muka yang disediakan oleh penyemak imbas.

Dalam kes ini, dengan menambahkan atribut tajuk, anda secara tidak sengaja mengklasifikasikan b.css sebagai helaian gaya pilihan. Memandangkan hanya terdapat satu helaian gaya pilihan bagi setiap kumpulan, penyemak imbas memilih salah satu helaian gaya untuk dipaparkan, mengakibatkan pengecualian b.css.

Oleh itu, untuk memastikan kedua-dua a.css dan b.css digunakan, anda harus mengalih keluar atribut tajuk daripada elemen memaut ke b.css. Ini akan mengklasifikasikannya sebagai helaian gaya yang berterusan, memastikan ia digunakan bersama a.css semasa pemaparan.

Atas ialah kandungan terperinci Mengapakah Menetapkan Atribut \'tajuk\' pada Teg `` Menghalang Gaya CSS daripada Memaparkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!