Bilakah CSS :selepas Gagal Menambah Kandungan Selepas Elemen?

Memahami Sekatan CSS :selepas pada Elemen Tertentu

CSS :after pseudo-elemen digunakan untuk menambah kandungan selepas dokumen elemen kandungan pokok. Walaupun spesifikasi CSS tidak menyatakan secara eksplisit sebarang had, ia telah diperhatikan bahawa :after hanya berfungsi dengan elemen tertentu.

Menentukan Keserasian Elemen

Faktor utama yang menentukan sama ada elemen boleh menerima sifat :selepas ialah sama ada ia merupakan elemen yang diganti. Elemen yang diganti, seperti imej () dan input borang (), mempunyai penampilan dan dimensinya yang ditakrifkan oleh sumber luaran.

Spesifikasi CSS secara eksplisit menyatakan bahawa :sebelum dan :selepas sahaja bekerja dengan elemen yang tidak diganti. Ini bermakna elemen yang digantikan, seperti:

• 

tidak boleh mempunyai : selepas kandungan ditambahkan pada mereka.

Penaakulan di Sebalik Sekatan

Ketidakserasian berpunca daripada fakta bahawa elemen yang diganti tidak dipaparkan sebagai sebahagian daripada pepohon dokumen. Sebaliknya, ia dipaparkan sebagai objek luaran, jadi penyemak imbas tidak boleh memasukkan kandungan tambahan sebelum atau selepasnya.

Contoh Struktur DOM

Untuk bukan -elemen yang diganti, seperti div atau span, :before dan :after kandungan boleh dimasukkan ke dalam struktur DOM. Contohnya:

<before>Before Content</before>
Span Content
<after>After Content</after>

Kesimpulan

The CSS :after property dihadkan kepada elemen yang tidak diganti kerana ciri-ciri yang wujud bagi elemen yang diganti. Ini memastikan kandungan yang dipaparkan pada halaman adalah konsisten dan mematuhi peraturan CSS yang ditentukan.

Atas ialah kandungan terperinci Bilakah CSS :selepas Gagal Menambah Kandungan Selepas Elemen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!