css - 如何更改 :link and a:hover for a div alone?

Question

在我的页面正文中，我已经有一个 a:link 和 a:hover。

但现在我有另一个 div 标签，我想要不同的 a:link、a:hover 和 a:visited。

我该怎么做？

Answer 1

在 CSS 中:

div.classname a:link {
  color: #123456;
}

div.classname a:hover {
  color: #123;
}

div.classname a:visited {
  color: #654321;
}

在 HTML 中:

<div class="classname">
  <a href="#link">link</a>
</div>