[英]css unusual behaviour for :before on hover
我有一个带有这个免费主题的 wordpress 网站: https://wordpress.org/themes/minimal-grid/
我看到一些不寻常的行为,这不是问题,我可以通过删除元素来修复,但我不知道为什么会发生这种情况并想了解它。
每篇文章的末尾都有上一篇和下一篇文章的链接。 当我 hover 超过这些时,元素的背景会稍微变暗。 在有图像作为背景的地方,它不会消失,只会变暗。 这是一个演示页面: https://5diraptor.com/todoist-task-project-manager/
不寻常的部分是似乎没有任何: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>
在这些改变背景颜色的任何元素上都没有:hover 选择器。 但是,当我在 Chrome 开发工具中删除::before
元素时,hover 转换不再发生。
我不明白的是::before
伪元素上没有:hover
选择器,并且没有与颜色相关的 CSS 应用于此 - 参见屏幕截图。 mouseover
也没有事件监听器,所以我很确定这不是 Javascript。
对于伪元素,我无法将元素 state 强制为 hover,所以我不确定如何进一步调试它。 谁能帮我理解为什么会这样?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.