链式伪类(:visited:hover)不适用于不同的文本阴影

时间:2015-05-15 15:19:47

标签: css

我记得这个样式表:

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 :只有:visitedthis Mozilla post所解释的那样受限制text-shadow不能与它一起使用。

0 个答案:

没有答案