Css计算的颜色与指定的颜色不同

Question

我为css使用了以下颜色。

a:link,
a:active {
   color: #e67e22;
   text-decoration: none;
   padding-bottom: 1px; 
   border-bottom: 1px solid #e67e22;
}

a:active,
a:hover {
  color: #555;
  text-decoration: none;
  padding-bottom: 1px; 
  border-bottom: 1px solid #e67e22;
}

这是相应的html

<a href="#">@omnifood_berlin</a>

但是显示或计算的颜色不同，如下所示。

这可能是什么原因？我怎样才能使它成为我指定的颜色？

Answer 1

首先，按我的评论中提到的那样添加：

a { color: #e67e22; }

另请注意，您有active两次，如评论中所述。接下来，仔细阅读官方文档https://www.w3schools.com/css/css_link.asp，特别是这一点

  

为多个链接状态设置样式时，有一些顺序   规则：

     

a：悬停必须经过一个：链接和一个：访问过：主动必须来之后   ：悬停

遵循这些规则，我认为您的问题将得到解决。