Mengapa Gaya Hilang Apabila Menggunakan Atribut `title` dalam Teg ``?

Mengapa Gaya Diabaikan Apabila Atribut 'title' Digunakan?

Dalam HTML yang disediakan:

<code class="html"><link rel="stylesheet" media="screen" type="text/css" title="A" href="a.css" />
<link rel="stylesheet" media="screen" type="text/css" title="B" href="b.css" /></code>

Gaya b.css tidak digunakan kerana atribut tajuk hadir. Menurut spesifikasi HTML, helaian gaya boleh menjadi salah satu daripada tiga jenis:

• Persistent: Dipautkan dengan rel="stylesheet" tanpa atribut tajuk. Lembaran gaya ini sentiasa digunakan untuk pemaparan.
• Diutamakan: Dipautkan dengan rel="stylesheet" dan atribut tajuk. Lembaran gaya pilihan dengan tajuk yang sama dikumpulkan bersama. Walau bagaimanapun, penyemak imbas biasanya hanya memilih satu helaian gaya pilihan untuk dipaparkan.
• Ganti: Dipautkan dengan rel="alternate stylesheet" dan tajuk. Lembaran gaya ini membenarkan pengguna memilih daripada gaya yang berbeza dan dipaparkan dalam pemilih lembaran gaya penyemak imbas (jika tersedia). Helaian gaya yang dihimpunkan mengikut tajuk yang sama dalam kategori ini adalah saling eksklusif.

Dengan menambahkan atribut tajuk pada helaian gaya, ia secara tidak sengaja ditukar daripada helaian gaya berterusan kepada helaian gaya pilihan. Memandangkan terdapat dua helaian gaya pilihan dengan tajuk berbeza, penyemak imbas terpaksa memilih satu, menyebabkan gaya b.css tidak digunakan. Isu ini diselesaikan apabila kedua-dua helaian gaya mempunyai tajuk yang sama kerana ia kemudiannya dikumpulkan bersama sebagai satu helaian gaya pilihan.

Atas ialah kandungan terperinci Mengapa Gaya Hilang Apabila Menggunakan Atribut `title` dalam Teg ``?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!