html - Css hover 仅适用于 Safari 中的链接 3

Question

我有 3 个指向其他页面的链接，但只有 no3 在 Safari 中悬停时显示颜色变化。它在 Firefox 和其他浏览器中运行良好，但在 Safari 中运行不佳。

 ul .root-menu li:hover > a {
		    color:#FFF;
         }

        <div id="menu">
		    <ul id="root-menu">
			    <li><a href="index.php">HOME</a></li>
                <li><a href="area_covered.php">AREA COVERED</a></li> 
			    <li><a href="contact.php">CONTACT</a></li>    
		    </ul>
	    </div>

Answer 1

当看不到您的案例的真实示例时，它有点复杂，但可以尝试设置显示:内联 block 或链接 block

ul#root-menu li > a {
    display: block; // or inline-block
}

还尝试直接为 a 添加 :hover 状态样式，但不为 li 添加:

ul#root-menu li > a:hover {
    color:#FFF;
}

不过，再一次，如果你能展示真实的例子，答案会更准确