當它位於div標簽中時，如何使用CSS更改鏈接顏色和背景懸停？

Question

這是一個例子：

#dolls {
position: absolute;
left: 248px;
top: 31px;
width: 150px;
height: 65px;
z-index: 2;
text-align: center;
color: #8C6954;
font-size: 18px;
text-decoration:none;

<div id="dolls"><br><a href="dolls.html">Haunted Dolls</a></div>

我正在嘗試更改鏈接的顏色，懸停和懸停時的背景顏色，但是它不起作用。 我該怎么做呢？

Answer 1

使用a:hover懸停效果

 #dolls { position: absolute; left: 248px; top: 31px; width: 150px; height: 65px; z-index: 2; text-align: center; color: #8C6954; font-size: 18px; text-decoration: none; } div a:hover { background-color: black; color: white; font-weight: bold; } 

 <div id="dolls"> <br><a href="dolls.html">Haunted Dolls</a> </div> <a href="anotherLink">Some other link</a> 

Answer 2

您可以使用偽類hover和link

a:hover {
// css code
}

a:link {
// css code
}

Answer 3

嘗試這個

的CSS

#dolls a:hover{
    color:white;
    background:red;
}

Answer 4

把#dolls在眼前a:hover {只使a的在#dolls得到懸停效果。

#dolls a:hover {
    color:blue; // color of text
    background-color: green; // background color
}