Question

出于某种原因，我的浏览器使用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{}的文本悬停为白色，因此意味着无法正常运行或我猜错。

Answer 1

.headermenu a class 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;
}

<div class="headermenu"><a href="" >aaa</a></div>

Answer 2

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

＆＃13;

.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;
}

＆＃13;

<div class="headermenu"><a href="" >aaa</a></div>

＆＃13;

无法获得a：hover函数在CSS中工作

2 个答案: