Можно ли поставить такой фон иконкам не выдавая каждому класс и стиль?

Question

[Адилет Касымбаев]

Заранее спасибо

Comments

[Stranger in the Q]

Через общий бэкграунд, или на крайняк :nth-child

[Ankhena]

Можно поверх кнопок сделать один псевдо с одной фоновой картинкой и pointer-event none.
Но ведь у выбранному пункту все равно нужно присваивать класс и менять стили для него.
Да и при наведении тоже что-то должно происходить, как вы считаете?

В чем проблема задать разные стили?

Можно вообще весь сайт сделать одной картинкой и поверх навесить map со ссылками.

[Адилет Касымбаев]

Планирую сделать так что при наведении фон иконки станет прозрачным и тем самым сольется с фоном секции.

[Адилет Касымбаев]

Ankhena, проблемы нет просто я думал что это можно сделать как-то покороче не выдавая каждому свой класс

[Ankhena]

Адилет Касымбаев, цвета через nth-child. А иконки через классы и псевдоэлементы.
Потому что цвет зависит от порядка элементов, а иконка соответствует пункту по смыслу.

И не забудьте добавить текстовые подписи и доступно их скрыть.

Answer 1

[Kirillkyn]

Comments

[Адилет Касымбаев]

Answer 2

[Adilet Usonov]

Можно с js с помощью цикла каждому иконку увеличить яркость, но это слишком длинно, лучше сделать как у чувака сверху