Bolehkah Harta `kandungan` CSS memasukkan HTML?

Memasukkan HTML dengan Sifat Kandungan CSS: Siasatan Kebolehlaksanaan

Sifat kandungan CSS menawarkan cara untuk menjana kandungan dan menambahkannya sebelum atau selepas sesuatu elemen menggunakan kelas pseudo seperti :before dan :after. Walaupun pendekatan ini boleh memudahkan tugas penggayaan tertentu, ia menimbulkan persoalan sama ada mungkin untuk memasukkan kod HTML dan bukannya teks biasa.

Masalah:

Seorang pembangun berusaha untuk laksanakan sisipan kod HTML menggunakan sifat kandungan. Pertimbangkan kod berikut:

.header:before {
  content: '<a href="#top">Back</a>';
}

Dengan pendekatan ini, matlamat yang dimaksudkan ialah untuk menjana elemen dengan teks "Kembali" dan pautan ke bahagian atas halaman. Walau bagaimanapun, pembangun tertanya-tanya sama ada terdapat cara untuk mencapai ini menggunakan CSS semata-mata.

Jawapan:

Malangnya, memasukkan kod HTML menggunakan sifat kandungan tidak boleh dilaksanakan. Menurut spesifikasi CSS:

"Kandungan yang dijana tidak mengubah pepohon dokumen. Khususnya, ia tidak disalurkan kembali kepada pemproses bahasa dokumen (cth., untuk pengulangan semula)."

Ini bermakna sifat kandungan merawat nilai rentetan secara literal, menghalangnya daripada ditafsirkan sebagai penanda.

Dalam contoh yang disediakan, menggunakan CSS yang diberikan dengan HTML:

Atas ialah kandungan terperinci Bolehkah Harta `kandungan` CSS memasukkan HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!