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

Question

[Artem Petrenko]

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



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

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

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

Для одного элемента получается. Пытаюсь перечислить два - ломается. Вопрос возможно детский, но все же буду благодарен за ответ.

Answer 1

[Elwen]

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

Comments

[Artem Petrenko]

браво!

[Elwen]

Artem Petrenko: Спасибо)

Answer 2

[tigra]

ну как вариант просто присвоить этим li какой нибудь класс, например no-active и тогда

ul.navigation .no-active a:hover {
    border-bottom:none;
    color:white;
  }

Comments

[Artem Petrenko]

спасибо! все же, безумно интересно как сделать через :not, тут вопрос принципа уже :)

[tigra]

Artem Petrenko: Elwen отличное решение написал, себе тоже засейвю)

[Elwen]

tigra: Спасибо)