Выберите все тело, кроме класса в теле

Question

Я хотел бы изменить внешний вид всех якорных тегов в теле, за исключением тех, в navbar, я попробовал:

a:not(.navbar) a { 
    color: #333; 
} 

a:hover:not(.navbar): { 
    color: #999; 
} 

Но это не работает, все теги стал таким же. Возможно ли это?

EDIT: У меня есть и другие атрибуты, такие как переходы, поэтому я не могу установить восстановление значений для остальных.

Answer 1

Я думаю, что коды вполне понятны, но я объясню:

Выбрать все дивы, кроме тех, с классом «NavBar», а также ко всем ссылкам внутри тех, применяется определенные стили.

div:not(.navbar) a { 
    color: #333; 
} 

div:not(.navbar) a:hover { 
    color: #999; 
} 

div:not(.navbar) a { 
 
    color: red; 
 
} 
 
div:not(.navbar) a:hover { 
 
    color: green; 
 
}

<div> 
 
    <a href="#">link</a> 
 
</div> 
 

 
<div class="navbar"> 
 
    <a href="#">link should NOT be red</a> 
 
</div> 
 

 
<div> 
 
    <a href="#">link</a> 
 
</div>

Answer 2

Вы пробовали выбрать .navbar a теги и восстановление их значения?

a { 
    color: #333; 
} 

a:hover { 
    color: #999; 
    transition: color 2s; 
} 

.navbar a, 
.navbar a:hover { 
    color: initial; 
    transition: none; 
}