CSS text-shadow 属性不遵循 :visited 伪类的层次结构

Question

我对访问的伪类和 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;
}

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

:Hover 在 Chrome/Safari 上运行良好，但访问的链接保留了第一个 text-shadow 属性：

    text-shadow: 0 1px 0 white;

而不是下面给出的（我试图在我的代码中使用“none”，但似乎不起作用..）

谢谢大家帮助 ！

Answer 1

:visited由于安全问题，您可以明确定义很少的 css 属性。

MDN 将可修改的属性定义为（这些可能因浏览器而异，但 text-shadow 肯定不应该在任何浏览器上工作，至少修改它的大小）：

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

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