(Малыш верстальщик) - Текст в ::before аналогичный тексту в родителе.

inline ...

через data атрибут можно продублировать контент

Что inline?

Можно пример пожалуйста?

https://davidwalsh.name/css-content-attr

Вот что. Это навык, необходимый каждому. В тч и для того, чтобы стать "верстальщиком".

SeVlad, спасибо. Я о том что не могу понять как связанно inline с моим вопросом.

Не очень понимаю английский, попытался скопировать скопировать код, ничего не произошло.

Ладно ребят, спасибо, я как нибудь сам.

Связано напрямую. Потому что в файл CSS Вы никак не впихнёте вывод контента, генерируемого движком. Поэтому тут придётся либо прописывать инлайн-стиль с выводом контента в нужный псевдоэлемент, либо "на лету" прописывать атрибуты, как Вам показали выше, либо переопределять стили путём через посредство жабаскрипта.

Drujba,

У вас просто 3 одинаковых блока, класс link. То есть чтобы их сделать уникальными и для каждого задать свой текст before - нужно сделать разные классы: link1, link2, link3.

Либо вообще подобный эффект получать через тень.

Нужно сделать один общий .link и .link:before c настройками, а затем дополнительные .link_NUMBER:before где прописывать значение content

.link {
    общие настройки
}
.link:before {
    общие настройки с :before
}
.link_1:before {
    content: 'MAN'
}
.link_2:before {
    content: 'WOMAN'
}

ну и в самом HTML уже прописывать 2 класса блоку

<span class="link link_1">MAN</span>
<span class="link link_2">WOMAN</span>

Хорошо.

Спасибо ребят =D