开发Chrome扩展：如何修改谷歌搜索页面已点击链接的颜色？

针对谷歌搜索页面的特殊结构，你可以通过以下CSS选择器精准修改已点击链接对应的标题颜色：

/* 匹配已点击链接内部的h3标题元素 */
a:visited h3 {
    color: #你的目标颜色 !important;
}

原理说明 #

谷歌搜索结果的结构是可点击的a标签包裹着h3标题元素，页面默认样式会给h3设置独立的颜色规则，直接使用a:visited无法覆盖h3的颜色样式。通过a:visited h3选择器，我们可以精准定位到已点击链接内部的h3元素，再通过!important（若页面原有样式优先级过高时使用）覆盖默认规则。

精准匹配优化 #

如果需要避免影响页面其他h3元素，可以结合谷歌搜索结果的容器类名进一步缩小范围：

/* 仅修改搜索结果区域内的已点击链接标题颜色 */
div.g a:visited h3 {
    color: #你的目标颜色 !important;
}

注：div.g是当前谷歌搜索结果项的容器类名，若后续页面结构更新，可通过浏览器审查工具确认最新的容器类名。

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