CSS content özelliği: Metin yerine HTML eklemek mümkün mü?
CSS content özelliğinin bir yazı yerine html kodu eklemesi :before veya :after gibi bir özelliklere content ile html etiketi vermenin mümkün olup olmadığını merak ediyorum.
Denedim ve işe yaramadı böyle bir özellik mi yok yoksa farklı bir kullanım şekli mi bulunuyor?
Örneğin;
.header:before{
content: '<a href="#top">Geri Dön</a>';
}
bu oldukça kullanışlı olurdu ... Javascript aracılığıyla yapılabilir ancak bunun için css kullanmak herşeyi daha kolaylaştırır.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
Ne yazık ki, bu tür kullanım mümkün değil. Burayı da inceleyebilirsin
Generated content does not alter the document tree. In particular, it is not fed back to the document language processor (e.g., for reparsing).
Üstte alıntıladığım alan verdiğim linkdeki bir kısımdan yani şunu demek istiyor,
dile bakmaksızın bu özellikler işaret olarak yorumlanmaz.
Örnek olarak, verilen CSS'yi aşağıdaki HTML ile kullandığımız da:
Bu çıktıya neden olur:
```<a href="#top"> Geri Dön </a> Başlık```
Bunun sebebi content içinde girilen değeri sayfa tekrardan yorumlamadığı için girilen değeri direk olarak text olarak görür ve yorumlar.