У меня есть иконки, и 5 пунктов меню, для каждого пункта своя иконка, как я знаю иконки - декоративные элементы, поэтому я задаю их для элементов через css, before, так как задать каждому элементу свою иконку если у них одинаковые классы?
Ankhena, а как по бэму нормально называть этот класс? Понятно что это будет модификтор но именно название брать типо 01, 02 или же описывать смысл иконки типо header__item--shop?
Вообще говоря - обсуждать частное решение необходимо в условиях наличия полной информации, где, как, в какой четверти луны вы собираетесь это использовать.
Может бэкенд вам возвращает набор полей и вы генерите разметку на фронте, может разметка собирается на php на бэкенде и там можно весь гемморой переложить на плечи бэкенд программиста... Надо ли вам делать адаптив, надо ли делать изменяемые размеры у иконок, надо ли делать ховер со сменой картинки, либо ховер со сменой цвета, монохромные ли у вас иконки, векторные или нарезка из пнг..., собраны ли они в спрайты...
Сейчас все предложения высосаны из пальца "как бы сделал я для себя".
варианты:
1. назначить каждому элементу свой класс и прописать свою иконку :before
2. использовать псевдоклассы nth-child(1-...)
3. вставить иконку не через :before, а в html каждому элементу
