javascript - 如何利用:visited on parent elements?

Question

我基本上有一个内容列表，所有内容都转到外部 url(它在新窗口中打开它们)。截至目前，我将 a:visited 设置为灰色，尽管我真正喜欢的是整个列表项(包含他们点击的 anchor 链接)的不透明度降低。

你可以在 reddit 上看到这种行为。

比如说你有

<div class="item">
  <a href="http://google.com">Click me</a>
</div>

然后你有很多行 .item

我想要它，以便当您单击链接时，整个 div 可以“看到”:visited 状态，因此 .item 设置为 opacity: .5;，而不仅仅是文本变灰。

有没有办法用 JS 或 css 做到这一点？

Answer 1

这并不能完全解决您的技术问题，但是否可以更改您的结构以生成 <a>满足 <div> 的文体需求 parent ？

换句话说，杀死<div> , 只需使用 <a> .这样，当它被“访问”时，您可以对它做任何您想做的事情。