我有一个菜单，其中包含一个看起来像网格的无序列表，当鼠标悬停在网格上时，网格框会改变颜色。干净利落。我的问题是当我添加一个链接到<meta http-equiv="refresh" content="2;url=http://www.example.com/" />
内的文本时，悬停基本上会中断。 （请参阅下面的小提琴，以获取参考信息以及链接和非链接li之间的悬停方式有何不同）
当将鼠标悬停在网格上时，我需要将链接设置为与未设置样式的文本相同的样式，而不仅仅是实际链接，并使整个网格框区域可单击。
我已经搞了一段时间，但却无法以我想要的方式工作。
li答案 0 :(得分：1)
所有锚点（a）标记在文本颜色方面都有默认样式（与继承父项颜色的span标记不同）。在相关提供的代码中，您在color元素悬停时将li应用于a元素，仅在a本身悬停时才应用li:hover, li a:hover {
color: #fff;
background-color: #778ba1;
}
元素。< / p>
color而不是上述内容，在a悬停时，也会将li应用于li:hover, li:hover a {
color: #fff;
background-color: #778ba1;
}
元素。这将解决悬停文本颜色问题。
display要使整个网格框区域可点击，您需要将锚点的block属性设置为inline-block或padding，并将其100％宽度和高度设置为父母。请注意，这仍然会使网格的.admin-panel-list li a{
display: inline-block;
height: 100%;
width: 100%;
}
区域无法点击。
li如果您需要填充区域也可以点击，请从a中删除填充，然后将其添加到.admin-panel-list li a {
display: inline-block;
padding: 10px;
height: 100%;
width: 100%;
}
（如下所示）：
{{1}}