CSS: нет() не работает должным образом

Question

Так у меня есть структура кода:

.header-container a:not(.header-menu-right a) { 
 
    display: none; 
 
}

<div class="header-container"> 
 
    <div class="header-menu-right"> 
 
    <ul> 
 
     <li><a href="#">link</a></li> 
 
     <!-- unimportant links --> 
 
     <li><a href="#">link</a></li> 
 
      <!-- unimportant links --> 
 
    </ul> 
 
    </div> 
 
    <a href="#">link</a> 
 
    <!-- important link --> 
 
</div>

Как вы можете видеть ноты, я только хочу CSS, чтобы изменить прослужит -тег.

Что я здесь делаю неправильно?

Answer 1

Попробуйте это и там вы идете:

.header-container > a { 
    display:none; 
} 

Спасибо!