懸停在<a href>標簽</a>內不起作用

Question

我是HTML / CSS的新手，所以如果這是一個簡單的問題，請原諒，但是我的a：hover（使用id而不是類）在href標記內不起作用，但是當我在th標記中使用它時是的。

HTML

<a href='http://www.example.com' id='link1'>Example Text</a>

CSS

#link1 a:hover {
text-decoration: none;
color: #E0E0E0;
}

問題是，如果我將其放在div中並將其設置為類而不是id，它可以工作，但隨后將其余鏈接向后移動到頁面上的一行。

Answer 1

那是因為您正在嘗試在id'link1'內找到錨鏈接，而link1是錨鏈接。 嘗試這個：

a#link1:hover {
  text-decoration: none;
  color: #E0E0E0;
}

http://jsfiddle.net/kF8ey/

Answer 2

您的選擇器不正確。 嘗試這個：

#link1:hover {
  text-decoration: none;
  color: #E0E0E0;
}

通過使用#link1 a:hover ，您也可以告訴您的代碼查找名為#link1的鏈接，然后在其中查找錨標記。 顯然，您只需要#link1本身。

小提琴中的靈魂： http ： //jsfiddle.net/9GXg8/