时间戳

首页 > 解决方案 > 使用 a:visited 设置相邻/兄弟元素的样式不起作用

html - 使用 a:visited 设置相邻/兄弟元素的样式不起作用

问题描述

我有以下 HTML：

<div class="outer">
  <a class = "content" href= "........">
     // a lot of different divs in here
  </a>
  <div class = "label">
     Label
  </div>
</div>

label如果访问类的链接，我想对类应用样式content。

我的CSS如下：

.content:visited + .label {
   color: gray;
}

但是，即使我的链接被访问，标签仍然显示未访问状态。经过一些研究，我在https://developer.mozilla.org/en-US/docs/Web/发现“如果您使用同级选择器，例如 :visited + span，则相邻元素的样式将就好像链接未被访问一样” CSS/Privacy_and_the_:visited_selector。

纯 CSS 是否有任何解决方法可以使我的用例正常工作？似乎这将是一个常见的场景。

标签： htmlcss

解决方案

推荐阅读