Question

我是HTML / CSS的新手，所以请原谅我这是一个简单的问题，但是我的a：悬停（使用id而不是类）并不是在href标签内工作但是当我在它的标签中使用它。

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＆＃39; link1＆＃39;中找到一个锚点链接。而link1是锚链接。试试这个：

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

Answer 2

您的选择器不正确。试试这个：

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

使用：#link1 a:hover，您告诉您的代码也会查找名为#link1的链接，然后在其中查找锚标记。显然，你只想要#link1本身。