Html css a：悬停不适用于Safari

下面发布的css代码在internet explorer和google chrome中似乎运行良好，但在safari中，

a:hover

效果似乎仅在我右键单击元素或进入inspect元素并从右侧栏中的

a

标记的选项中单击

hover

时适用。我相信这个问题可能是由于http头造成的，因为我在源代码中看不到任何问题。有问题的url是可用的

问题中的css代码是：

#swag a:hover {
    color: black;
}

html如下所示：

<p>Mouse over and click the link: 
    <div id="swag">
        <a href="http://www.example.com">example.com</a>
    </div>
</p>

将鼠标移到上面并单击链接：

完全重启我的macbook解决了我的问题。我还不知道问题的性质。

你能试着把

放进去吗！重要信息

CSS样式旁边<代码>颜色：黑色！重要的@TimBiegeleisen我刚刚试过，但没有什么不同。请检查锚元素，确保你的悬停规则在那里。@TimBiegeleisen我有，悬停规则在那里，当我右键单击链接时，悬停规则已应用，字体变黑，这向我表明规则必须适用。这是在触摸设备上吗？