小编Joh*_*hnT的帖子

CSS text-shadow 属性不遵循 :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;
}
Run Code Online (Sandbox Code Playgroud)

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

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

    text-shadow: 0 1px 0 white;
Run Code Online (Sandbox Code Playgroud)

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

谢谢大家帮助 !

css inheritance visited hover

1
推荐指数
1
解决办法
1357
查看次数

标签 统计

css ×1

hover ×1

inheritance ×1

visited ×1