Как сделать разный before?

Question

[De Slow]

Есть 4 тега h2 на одной странице, для них через :before заданы иконки
Так вот они сейчас одинаковые, как их сделать разными?
добавить class для h2 не помогает

Comments

[Ankhena]

Выложите свой код в песочницу jsfiddle.net или codepen.io, так чтобы было видно как вам не помогают классы.

before, кстати, пишется с двумя ::

[Владимир Проскурин]

Ankhena, раньше было с одним :, но потом поменяли, чтобы разделить псевдоэлементы и псевдоклассы. Я до сих пор за собой замечаю, что иногда по старой привычке ставлю просто :before.

[Ankhena]

Владимир Проскурин, я уже привыкла ставить 2, даже не смотря на то, что не очень их люблю. Правда, с приходом svg и возможности засунуть svg прямо в content стала чаще использовать.

Answer 1

[Никита Юдин]

https://codepen.io/anon/pen/BMPXrB

Answer 2

[VegasChickiChicki]

Можно попробовать через псведопсведо элементы -> псевдоклассы :
https://codepen.io/Poporo35/pen/BMOyJX

Comments

[VegasChickiChicki]

Ankhena, Да ,именно так )