将鼠标悬停在CSS3中停止工作

Question

我只是在学习编码而无法弄清楚这个问题。我有hover的颜色设置然后不知何故，它消失了，现在我无法取回它。检查下面的代码：

/* the styles for the aside */
#aside1 {
    width: 180px;
    float: left;
    height: 350px;
    }
#nav_list ul {
    list-style-type: none;
    }
#nav_list ul li {
    align-content: left;
    width: 110px;
    margin-bottom: 0.5em;
    border: 2px solid black; 
}
#nav_list ul li a {
    display: block;
    padding: 0.5em;
    text-decoration: none;
    color: black;
    background-color: orange
}
#nav_list ul li a:hover, a:focus { color: green }

Answer 1

问题似乎与你编写最后一行的方式有关，请记住，既然你使用了vanilla css，那么你需要指定一个选择器来聚焦pseduo类。

应该是这样的：

#nav_list ul li a:hover, #nav_list ul li a:focus { color: green }

如果你的html没有改变，那肯定会有用。