Как указать html код внутри псевдоэлемента css?

Question

[Mesuti]

Привет!
Как указать html код в псевдоэлементе?
Следующий код выдает тег в виде обычного текста

div:before {
  content: '<b>'
}
div:after {
  content: '</b>'
}

Песочница jsFiddle

Comments

[snap44]

Псевдоэлементы для этого не предназначены.

Answer 1

[xmoonlight]

<style>
div{font-weight: bold}
div::before {
    content: attr(data-1);
    font-weight: normal;
}
div::after {
    content: attr(data-2);
    font-weight: normal;
}
</style>

<div data-1="Вот он" data-2="текст!">
выделенный
</div>

Результат:

Нужно всё сделать жирным - заполните тем же текстом data-1 и выведите в ::before, а текст из основного контента - просто уберите.
+АВТО-БОНУС: защита от простого копирования "мышкой"!