GailWynand
@GailWynand
Интересуюсь ИТ, биржевой торговлей, стартапами

Как перечислить псевдоклассы :not?

Есть такая панель навигации:

725a6b63dbc34b58a13ab3175130ba18.jpeg

Нужно чтобы при наведении, ссылки подсвечивались желтым и с бордером. Но не все. Все кроме последних двух (корзина и поиск).

Пробовал через псевдокласс :not :

ul.navigation li:not(:last-child) a:hover {
		border-bottom:#fce38a 3rem solid;
		color:#fce38a;
	}


Для одного элемента получается. Пытаюсь перечислить два - ломается. Вопрос возможно детский, но все же буду благодарен за ответ.
  • Вопрос задан
  • 338 просмотров
Решения вопроса 1
Elwen
@Elwen
ul.navigation li:not(:nth-last-child(-n+2)) a:hover{
    border-bottom:#fce38a 3rem solid;
    color:#fce38a;
  }
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
tigroid3
@tigroid3
PHP, YII2, SQL, Postgres, Docker, SPHINX, GIT
ну как вариант просто присвоить этим li какой нибудь класс, например no-active и тогда
ul.navigation .no-active a:hover {
    border-bottom:none;
    color:white;
  }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы