如何更改:链接和a:单独悬停为div？

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>