Html css异常行为：悬停前

我有一个免费主题的wordpress网站：

我看到一些不寻常的行为，这不是问题，我可以通过删除元素来修复，但我不知道为什么会发生这种情况，我想了解它

在每篇文章的末尾，都有一个指向上一篇和下一篇文章的链接。当我将鼠标悬停在这些元素上时，元素的背景会稍微变暗。如果有图像作为背景，它不会消失，只是变暗。这里有一个页面演示：

不同寻常的是，似乎没有任何

：hover

选择器实际告诉它这样做，所以我想了解为什么会发生这种情况。以下是HTML：

<nav class="navigation post-navigation" role="navigation" aria-label="Posts">
  <h2 class="screen-reader-text">Post navigation</h2>
  <div class="nav-links">

    <div class="nav-previous">
      <a href="https://5diraptor.com/vivaldi-browser/" rel="prev">
        ::before
        <span class="meta-nav" aria-hidden="true">Previous</span>
        <span class="screen-reader-text">Previous post:</span>
        <span class="post-title">Vivaldi Browser</span>
      </a>
    </div>

    <div class="nav-next">
      <a href="https://5diraptor.com/wordpress-development/" rel="next">
        ::before
        <span class="meta-nav" aria-hidden="true">Next</span>
        <span class="screen-reader-text">Next post:</span>
        <span class="post-title">WordPress Development</span>
      </a>
    </div>

  </div>
</nav>

导航后

这些元素中没有任何一个可以改变背景颜色的：悬停选择器。然而，当我在Chrome开发工具中删除

：：before

元素时，悬停转换就不再发生了

我不明白的是，伪元素前面的

：上没有
：悬停
选择器，并且没有应用与颜色相关的CSS-请参见屏幕截图。
mouseover
也没有事件监听器，所以我很确定这不是Javascript


我不能强制元素状态为伪元素悬停，所以我不确定如何进一步调试它。有人能帮我理解为什么会发生这种情况吗？
请看，它有一个用于父级
nav previous
悬停状态的样式，并且该规则适用于悬停时的伪元素

这是CSS导致Style.CSS
.single.post-navigation.nav-next中的第1503行：悬停a:before{/*背景：rgba（0,0,0,0.65）；*/}
奇怪，没有显示在我的控制台中