hover - CSS 文本阴影属性不遵循 :visited pseudo-class 的层次结构

Question

我对 visited 伪类和 CSS 中的 text-shadow 属性有点问题。

这是我的代码:

li.episode a{
display: block;
float: left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 1px;
padding: 5px;
font-size: 14px;
background-color: #eeeaea;
text-shadow: 0 1px 0 white;
}

li.episode a:visited {
background-color: #23EE44;
text-shadow: none;
color: white;
}

li.episode a:hover {
background-color: #23EE44;
text-shadow: 0 1px 0 #10C72E;
color: white;
}

事实上，我想要的是与悬停时一样的访问链接。

:悬停在 Chrome/Safari 上工作正常，但访问的链接保留第一个文本阴影属性:

    text-shadow: 0 1px 0 white;

而不是下面给出的那个(我试图在我的代码中使用“none”但似乎不起作用..)

谢谢大家的帮助!

Answer 1

由于 security issues，您可以为 :visited 显式定义非常少的 css 属性。 .

MDN 将可修改属性定义为(这些属性可能因浏览器而异，但文本阴影肯定不应该在任何浏览器上工作，至少修改它的大小):

• 颜色
• 背景颜色
• 边框颜色
• 轮廓颜色

此外，如果基本 a 选择器完成了其中一项操作，您将无法定义不透明度或显示/隐藏链接。