Вопрос для верстальщиков?

Question

[Fooka]

Суть вопроса : нужно чтоб при hover меню все liшки, кроме первой меняли свой background .

Вроде легко и кажется ответ на поверхности - но сижу и ломаю голову, ведь при :nth-of-type (1) не будут менять свой цвет всплывающие кнопки в разделах "API и интеграции" и "Другое" .

Прошу подсказать чайнику и не закидывать тапками. Спасибо !

Как я пытался: https://codepen.io/ivancherniienko/pen/ExLQZEZ

Comments

[Виталий Першин]

А вы не пробовали не усложнять себе жизнь вложенными селекторами? Ну ок, в текущем состоянии у вас на первом элементе есть класс marry__scrip--first что вам мешает к примеру задать ему hover эффект такой же как и без hover. Тут решений много, я вообще не вижу проблемы

[Fooka]

Виталий Першин,
так ведь веса селектора как раз и не хватает чтоб переплюнуть :)

[Виталий Першин]

Fooka, Серьезно? Раз используете вложенные селекторы, используйте их с умом:

.marry__list .marry__scrip--first:hover
или
.marry__list li.marry__scrip--first:hover

[Fooka]

Виталий Першин, понял, спасибо !

Answer 1

[Elvis]

не профи в css, но можно так:
Добавить класс:

.myclass:hover {
   background: #F5F8FB !important;
}

и добавить его только к нужному элементу.

Comments

[Fooka]

Спасибо большое!