无法在 CSS 中使用：悬停功能答案

【问题标题】：Can't get a:hover function in CSS to work无法在 CSS 中使用：悬停功能
【发布时间】：2016-11-10 20:31:15
【问题描述】：

由于某种原因，我的带有 xampp (PHP) 的浏览器在悬停在这段代码中时没有给出响应。如何解决这个问题，让我的文本在鼠标悬停时获得不同的颜色？

.headermenu a{
    font-size: 18px;
    color: #ffffff;
    display: inline-block 5px;
    background-color: #7f2048;
    box-shadow: 0px 0px 50px #888888;
    border-radius: 5px;
    vertical-align: middle;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 10px;
    text-decoration: none;
    font-family: 
.headermenu a: hover{
    color: #5b5a64;
}

我正在使用 <div class="headermenu"> 和一个 end-div 来让它工作。

在 Sublime Text 中，来自.headermenu a:hover{} 的文本悬停是白色的，因此意味着无法正常工作或我猜的。

【问题讨论】：

欢迎来到 Stack Overflow！ a: 和 `hover.大概就是这样。 - 寻求代码帮助的问题必须包括在问题本身最好在Stack Snippet 中重现它所需的最短代码。见How to create a Minimal, Complete, and Verifiable example
与php无关，纯html/css。
CSS 没有“功能”或“命令”悬停是元素状态，:hover 是伪选择器。同样正确的语法是a:hover（没有空格）来表示处于悬停状态的锚。

标签： html css hover

【解决方案1】：

.headermenu a 类 css 中的完整大括号。

.headermenu a{
    font-size: 18px;
    color: #ffffff;
    display: inline-block 5px;
    background-color: #7f2048;
    box-shadow: 0px 0px 50px #888888;
    border-radius: 5px;
    vertical-align: middle;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 10px;
    text-decoration: none;
    height:50px;
    width:50px;
    border :1px solid black;
}
.headermenu a:hover {
    color: #5b5a64;
}

&lt;div class="headermenu"&gt;&lt;a href="" &gt;aaa&lt;/a&gt;&lt;/div&gt;

【讨论】：

【解决方案2】：

由于某种原因，这并不能解决悬停问题。我有一个 if else 结构来启动完整的 php 站点，我不知道这是否与它有任何关系...？

.headermenu a{
    font-size: 18px;
    color: #ffffff;
    display: inline-block 5px;
    background-color: #7f2048;
    box-shadow: 0px 0px 50px #888888;
    border-radius: 5px;
    vertical-align: middle;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 10px;
    text-decoration: none;
    height:50px;
    width:50px;
    border :1px solid black;
}
.headermenu a:hover {
    color: #5b5a64;
}

&lt;div class="headermenu"&gt;&lt;a href="" &gt;aaa&lt;/a&gt;&lt;/div&gt;

【讨论】：

css直接从下面的答案复制过来？