في تصميم الويب

للأسف فإن الخاصية content في CSS لا تقبل عناصر HTML ، فهي تتضمن فقط النص و لو حاولت تقديم وسوم HTML فسيتم عرضها كنص عادي . ربما يجب عليك استخدام javascript أو jQuery لهذا الغرض .

فالمحددات الزائفة :: before و :: after في CSS تسمح لك بإدراج محتوى في صفحة دون الحاجة إلى أن يكون متضمنا في صفحة الـ HTML على الرغم من أن النتيجة النهائية ليست في DOM فعليًا ، إلا أنها تظهر على الصفحة كما لو كانت كذلك . و سيتم تحميل هذا المورد بعد تحميل ملف الـ Css . و بشكل عام سيمكنك إستعمال Jquery أو javascript لدعم نفس الغرض و معاملة هاته العناصر وفق ذات المنطق .

فعلى سبيل المثال , إدراج عنصر ما سيتبع المنطق التالي :

هيكلية الـ HTML :

<div id="myDiv">
</div> 

شيفرات الجافاسكربت :

var div = document.getElementById("myDiv");
var htmlELement = document.createElement("span");
htmlELement.innerHTML = "HTML content";


div.parentNode.insertAfter(htmlELement, div.nextSibling); 

على أن الجافاسكربت لا تدعم التابع insertBefore بعد .

كما يمكنك إستعمال الـ jQuery لذات الغرض كالتالي :

$("<span>HTML content</span>").insertAfter("#myDiv"); 
$("<span>HTML content</span>").insertBefore("#myDiv");