css - 带有 id 和 css 的标签

Question

我正在尝试输出一些具有特定悬停/事件/链接属性的链接:

a#links:link {
  color: red;
  text-decoration: none
}
a#links:visited {
  color: goldenrod;
  text-decoration: none
}
a#links:hover {
  color: maroon;
  text-decoration: none;
  font-variant: small-caps
}

<div id="links" class="right" style="margin-right:65px">
  <ul class="nobull" style="margin:0">
    <li><a href="http://com">This link</a>
    </li>
  </ul>
</div>

链接属性没有被采用。某处语法错误？我想不通。

Answer 1

a#links 选择一个链接 ID 不存在的 anchor 。您需要 #links a 来选择作为具有链接 ID 的 div 后代的 anchor 。

#links a:link {
  color: red;
  text-decoration: none
}
#links a:visited {
  color: goldenrod;
  text-decoration: none
}
#links a:hover {
  color: maroon;
  text-decoration: none;
  font-variant: small-caps
}

<div id="links" class="right" style="margin-right:65px">
  <ul class="nobull" style="margin:0">
    <li><a href="http://com">This link</a>
    </li>
  </ul>
</div>