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