css {content: "text"}, как добавить теги?

Question

Я написал несколько фиктивных CSS.Вместо тега я получил экранированные символы.Как мне вместо этого добавить тег div?

.HeaderName:after{
content: "<div class=\"Name2\">text</div>";
}

.Name2 {
color: red;
}

Answer 1

Объявление content не может добавлять теги на страницу (теги являются структурными);Кроме того, CSS предназначен для изменений презентации, а не структурных изменений содержимого.

Вместо этого рассмотрите возможность использования jQuery, например:

$(".HeaderName").after("your html here");

Answer 2

Если вам нужен этот дополнительный тег только для того, чтобы добавить красный текст, просто сделайте следующее:

.HeaderName:after{
    content: "text";
    color:red;
}

Протестировано на Chrome.

Answer 3

Вы не можете вставлять теги, используя content: в CSS.Вот соответствующая часть спецификации;см. свойство 'content' в спецификации CSS 2.1.