html - CSS :not() not working properly

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 更改最后一个 a 标签。

我在这里做错了什么？

Answer 1

试试这个，就可以了:

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

谢谢!