Псевдоэлементы, как правильно задать свойству content значение в виде html разметки?

Question

[Саша]

Например нужно вывести в псевдоэлементе html разметку

&:after{
		content:'<svg class="icon"><use xlink:href="#icon-star"></use></svg>';
		display:block;
	}

Answer 1

[Алексей Зуев]

Сгенерированное свойством content содержание не изменяет дерево документа.

Ссылка на документацию

Generated content does not alter the document tree. In particular, it is not fed back to the document language processor (e.g., for reparsing).

Если хотите вставить картинку, то можно оперировать, к примеру, content: url или background-image: url
Посмотрите примеры здесь

Comments

[Саша]

Картинка не вариант, спасибо за ответ!

Answer 2

[Павел Гоголинский]

Нет, html должен быть в шаблоне, никак не в css.

Answer 3

[teotlu]

Никак.

Как насчёт того, чтобы в выведенном в content коде html добавить псевдоэлементы, в которые в свойство content добавить... ну вы поняли.