Question

我正在尝试弄清如何不将鼠标悬停在活动链接上。

<style>
.primary-nav-wrapper nav a:active, .primary-nav-wrapper nav .active>a  {
    border-bottom: 3px solid #4F579D;}
.primary-nav-wrapper nav a:hover:not([active]) {border-bottom: 3px solid #DFE1E5;}
</style>

Answer 1

我没有您的代码，所以我无法全力帮助您，但我会尽力的。

我认为您的CSS有一个基本问题。我想你想要这个：

悬停时，为a设置灰色边框。
如果已启用，请为a赋予蓝色边框。
如果有人徘徊并激活a，它应该仍然是蓝色。

如果这是您的问题，请参见以下工作代码：

.primary-nav-wrapper nav a:hover  {
    border-bottom: 3px solid #DFE1E5;
}
    
.primary-nav-wrapper nav a:hover:active {
  border-bottom: 3px solid #4F579D;
}

<div class="primary-nav-wrapper">
  <nav class="active">
    <a>test</a>
  </nav>
  <nav class="active">
    <a>test</a>
  </nav>
  <nav class="active">
    <a>test</a>
  </nav>
</div>

在活动链接上禁用悬停

1 个答案: