浏览器不尊重a:visited {text-decoration:none; }

Question

我无法从访问过的链接中删除下划线.在我的计算机中,下面的小提琴在任何浏览器(当前版本的Chrome,Firefox和IE)中显示访问链接的黑色带下划线的文本.

a:link       { color: red;   text-decoration: underline; }
a:visited    { color: black; text-decoration: none;      }

<p><a href="http://www.nevervisited.com">This link is not visited.</a></p>
<p><a href="http://www.google.com">This is link is visited.</a></p>

这是Chrome访问链接的检查员.

我怀疑a:visited灰暗与此有关,但这个关于灰色样式的问题对我没有任何作用,尽管它帮助了许多其他人.

这些答案(这个,这个)表明,text-decoration当他们的祖先定义时,规范并不关心子元素,但我不认为这是这种情况.我<a>没有强调父母,我也没有使用伪元素,而是使用伪类.

此外,a:link如果W3C说明,为什么Chrome会应用于访问过的链接

这两个国家[ a:link和a:visited]是相互排斥的.

也许这与隐藏网站私人信息的用户代理有关,比如W3C在之前的报价之后建议？这个:

注意.样式表作者可以滥用:link和:visited伪类来确定用户未经用户同意访问的站点.

因此,UA可以将所有链接视为未访问的链接,或者实现其他措施以保持用户的隐私,同时以不同方式呈现访问和未访问的链接.

Answer 1

您可以a:visited在大多数基于Webkit的浏览器(如Safari)或基于Blink(Chrome和Opera)的链接上应用的唯一CSS属性是color.其他任何东西都行不通.它与浏览器历史窃取有关.您可以从这里阅读更多相关信息:

但是,您可以使用更改所有链接的样式a {text-decoration: none;}.

选择器本身并不危险,但是如果你把它与Javascript的函数结合起来就像getComputedStyle()一样,事情可能变得非常难看,丑陋我的意思是其他用户可以查看和阅读你的个人浏览器历史记录.

的Mozilla(Gecko引擎)限制了选择特性来color,background-color,border-*-color.