CSS链接边框样式在a:visited上不起作用

Question

CSS链接边框样式在a:visited上不起作用

3

问题在于链接边框样式，我可以在悬停时更改它，但是:visited的边框无效。这里是我的示例：

a:link {
    color: #536DFE;
    text-decoration: none;
    border-bottom: dashed 1px;
    transition: all .3s ease-out;
}

a:hover {
    border-bottom: solid 1px;
    transform: scale(1.08);
}

a:visited {
    color: #727272;
    border-bottom: solid 1px;
}

问题在于最后一个a:visited，border-bottom: solid 1px被忽略了。如何解决？

- Artem Zinoviev

2

你必须以 width 值为先，然后再定义它的 style。因此：1px solid 将起作用。 - somethinghere

1

@somethinghere 不是真的：http://jsfiddle.net/93h05nyn/ - Turnip

@SexyTurnip，即使严格遵循也不是必须的，但它是有关排序这些值的通用标准，并且根据MDN，这是规范顺序。无论哪种方式。 - somethinghere

你能展示屏幕给我们看吗？我怀疑你的 :visited 实际上是 :focus。 - Andre Figueiredo

1

我实际上是指“将会工作”不是真的。你关于属性定义顺序的观点是正确的。 - Turnip

@SexyTurnip 如果我现在有机会的话，我会把它改成“应该”-但是嘿，这就是为什么我把它放在评论中而不是答案中:) Paulie_D有一个非常好的答案，“我不知道那个”浮现在脑海中！ - somethinghere

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Paulie_D · Accepted Answer

border-style 是在 visited 伪类上无法覆盖的。

来自 MDN

注意：出于隐私原因，浏览器严格限制使用此伪类选择的元素应用的样式：仅限颜色、背景色、边框颜色、下边框颜色、左边框颜色、右边框颜色、上边框颜色、轮廓线条颜色、列规则颜色、填充和描边。还要注意，alpha 组件将被忽略：未访问规则的 alpha 组件将代替它（除非不透明度为 0，在这种情况下，整个颜色都会被忽略，并使用未访问规则的颜色）。

另请参阅《隐私和 :visited 选择器》