使用a:visited选择器修饰相邻兄弟元素样式不生效，求纯CSS解决方案

你遇到的问题是浏览器为了防止恶意网站窃取用户浏览历史，对:visited选择器做了严格的权限限制：仅允许选中<a>元素本身以及它的后代元素，无法选中兄弟、父级等外部元素，所以你写的相邻兄弟选择器规则不会生效。

纯CSS可行方案 #

方案1：调整HTML结构（推荐，改动最小）

将.label元素移入.content对应的<a>标签内部，使用后代选择器控制样式即可。HTML5允许<a>标签嵌套块级元素，不会产生语法问题。
修改后的HTML代码：

<div class="outer">
  <a class="content" href="........">
     // 原有的内部div内容
     <div class="label">
        Label
     </div>
  </a>
</div>

对应CSS代码：

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

方案2：保留原有视觉布局，仅调整DOM嵌套逻辑

如果布局要求.label视觉上必须出现在<a>标签的外部位置，可以给.outer添加position: relative属性，把移入<a>内部的.label设置为绝对定位，调整位置到原有的视觉坐标即可，用户感知不到任何变化，同时满足样式生效要求。

补充说明：如果完全不允许修改HTML结构，目前没有纯CSS方案可以绕过浏览器的隐私限制实现该需求，只能通过少量JS辅助实现。

内容的提问来源于stack exchange，提问作者tigoa