Как в content псевдоэлементов добавляют иконки без url?

Добрый день.
Сейчас часто у иконок меняют цвета при hover'e на противоположные. И делают это при помощи :before или :after, не используя при этом { content: " "; background: url("..."); }
На Superjob, например, делают как-то так:

<i class="RegUserHeaderFeedbackBLock_ico fa fa-question" title="Задать вопрос"></i>

.fa-question:before {
    content: "";
}

Вот еще пример с codrops:
<a class="hi-icon hi-icon-earth" href="#set-5">

.hi-icon-earth:before {
    content: "";
}

Подскажите что используют в content приведенных примеров и чем такой вариант лучше "классики"? Это же не jQuery?