CSS没有样式

Question

我正在尝试通过CSS <a>标记的CSS但是它们没有改变。

的HTML

<div id="menu">
    <ul>
        <li><a href="#">Bugs</a></li>
    </ul>
</div> 

的CSS

a.active, a.link, a.visited {
    color: black;
    text-decoration: none;
}
a.hover {
    color: black;
    text-decoration: underline;
    font-style: italic;
}

不知道为什么CSS不起作用。 外部样式表适用于整个页面中使用的其他标签（IE： <h1>的样式正确，并且位于同一.css文件中）

Answer 1

此外，可以根据链接处于什么状态来设置不同样式的链接。

四个链接状态为：

1. a：link-正常的未访问链接
2. a：已访问-用户访问过的链接
3. a：hover-用户将鼠标悬停在其上时的链接
4. a：活动-单击后即显示链接

请参见下面的示例：

 /* unvisited link */ a:link { color: blue; } /* visited link */ a:visited { color: aquamarine; } /* mouse over link */ a:hover { color: green; } /* selected link */ a:active { color: red; } 

 <a href="#a">This is a link</a> 

为多个链接状态设置样式时，有一些顺序规则：

• a：悬停必须在a：link之后
• 并且：已访问a：活动必须在a：悬停之后

Answer 2

它应该是，

a:active, a:link, a:visited, a:hover

Answer 3

如果要在悬停时进行样式设置，链接和访问过的使用

a:hover a:link a:visited

在你的CSS