Почему не работает content?

Question

[Space]

Всем доброго времени суток. Копаюсь в одном шаблоне, так вот там иконки на элементы добавляют в css через content: "тут замысловатый символ". Но пытаюсь я его прописать, например, у span и толку ноль. В чем может быть проблема? Или где могут висеть эти иконки и прописаны заранее, чтобы использовать их в content.

<span class="icon">Иконка</span>
.icon{
content: "";
font-size: 16px;
}

Answer 1

[Дмитрий Ермолаев]

htmlbook.ru/css/content
это свойство работает с псевдоэлементами :after и :before

то есть нужно так:

.icon:after {
content: "";
font-size: 16px;
}

Comments

[Space]

Спасибо ) Думал псевдоэлемент необязателен, даже не пробовал.