Как через css :not запретить анимацию на пункте меню с классом active?

Question

[Mesuti]

Привет!
Есть эффект полоски при наведении.

Как с помощью :not отменить анимацию у элемента с классом .active ?
Вот в этом кусочке кода

li a:hover::after,
li:not(.active) a:hover::after {
        animation: menu-line .5s;
        animation-fill-mode: forwards
    }

p.s. получилось сделать только так , но это без :not

li a:hover::after,
.active a::after {
        animation: menu-line .5s;
        animation-fill-mode: forwards
    }

Answer 1

[Lynn «Кофеман»]

Убрать li a:hover::after?

Comments

[Mesuti]

Спасибо!
Я сначала не понял принцип работы not.
Думал его дополнительно надо указывать.
А он прямо в конструкции указывается =)

Answer 2

[Vadim Bogomazov]

li a:hover::after,

Эту строчку убери.

Comments

[Mesuti]

Спасибо!
Я сначала не понял принцип работы not.
Думал его дополнительно надо указывать.
А он прямо в конструкции указывается =)