我记得这个样式表:
a {
color: red;
text-decoration: none;
}
a:visited {
color: #b30000;
}
a:link:hover {
text-shadow: 1px 1px 0px rgba(255, 76, 76, 0.25);
}
a:visited:hover {
color: #b30000;
text-shadow: 1px 1px 0px rgba(192,0,0,0.25);
}
但我测试的浏览器不会使用更暗的阴影进行访问和悬停。
(Firefox 37.0.2和Chrome 42.0.2311.152 64位,均在OS X 10.10.3上)
我认为这些类是正确编写的,因为当我为它们添加不同的background
时,它可以正常工作。但不是text-shadow
...我错过了什么?
编辑1:我已阅读this suggested question,但答案可能更明确。由于我不能建议编辑甚至评论,我会在完成解决方法后写下自己的答案。我应该把它放在这里还是在这个问题之下?
编辑2: TLDR :只有:visited
如this Mozilla post所解释的那样受限制text-shadow
不能与它一起使用。