易趣HTML商品说明在预览时看起来不同

我有下面的易趣物品描述标题代码，当我把它放进去时，它看起来很好，但是链接在物品预览中会改变颜色

我需要更改什么才能使链接保持黑色

提前谢谢

代码如下：

CSS代码

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<title>DR Automation</title>
<style type="text/css">
.main {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: normal;
background-color: #fff;
}
a {
color: #000000;
text-decoration: none;
}
a:focus, a:hover {
color: #cc0000;
text-decoration: none;
}
.nav {
float: left;
line-height: 20px;
letter-spacing: 1px;
color: #000000;
height: 20px;
padding: 0;
margin: 0 15px;
cursor: pointer;
text-decoration: none;
}
ul {
padding: 0;
margin: 23px 0;
list-style: outside none;
}
li {
margin: 12px 0;
}
.header {
width: 100%;
height: 120px;
border-bottom: 1px solid #9b9b9b;
}
.logo {
float: left;
display: inline-block;
position: relative;
width: initial;
max-width: 200px;
max-height: 120px;
padding: 10px 20px 0px 0px;
margin: 0;
vertical-align: middle;
}
.navigation {
height: 120px;
float: left;
position: relative;
display: inline-block;
line-height: 120px;
vertical-align: top;
text-align: left;
}
.list {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
}
.item {
position: relative;
float: left;
padding: 20px 0;
margin: 30px 0;
vertical-align: middle;
display: inline;
}
.contact {
height: 80px;
float: right;
position: relative;
display: inline-block;
padding: 20px;
}
.contact-item {
position: relative;
float: left;
padding: 10px;
margin-top: 20px;
vertical-align: middle;
display: inline;
}
</style>

<div class="main">
<div class="header">
<div class="logo">
<a href="https://www.drautomation.co.uk/" target="_blank"><img style="height: 110px;" alt="DR Automation" src="http://i.imgur.com/qqdzWy4.png"></a>
</div>
<div class="navigation">
<ul class="list">
<li class="item">
<a class="nav" href="https://www.drautomation.co.uk" target="_blank">Home</a>
</li>
<li class="item">
<a class="nav" href="/pages/about-us" target="_blank">About Us</a>
</li>
</ul>
</div>
<div class="contact">
<div class="contact-item">
<a href="https://www.drautomation.co.uk/" target="_blank">www.drautomation.co.uk</a>
</div>
<div class="contact-item">
<img height="10px" alt="Phone" src="http://i.imgur.com/jGuitJh.png">
01224 968070
</div>
<div class="contact-item">
<img height="10px" alt="Email" src="http://i.imgur.com/7rvGp17.png">
<a href="mailto: info@drautomation.co.uk">info@drautomation.co.uk</a>
</div>
</div>
</div>
</div>

DR自动化
梅因先生{
字体系列：“源Sans-Pro”，无衬线；
字体大小：14px；
字体大小：正常；
背景色：#fff；
}
a{
颜色：#000000；
文字装饰：无；
}
a:聚焦，a:悬停{
颜色：#cc0000；
文字装饰：无；
}
.导航{
浮动：左；
线高：20px；
字母间距：1px；
颜色：#000000；
高度：20px；
填充：0；
利润率：0.15px；
光标：指针；
文字装饰：无；
}
保险商实验室{
填充：0；
利润率：23px0；
列表样式：外部无；
}
李{
边际：12px0；
}
.标题{
宽度：100%；
高度：120px；
边框底部：1px实心#9b9b；
}
.标志{
浮动：左；
显示：内联块；
位置：相对位置；
宽度：首字母；
最大宽度：200px；
最大高度：120px；
填充：10px 20px 0px 0px；
保证金：0；
垂直对齐：中间对齐；
}
.导航{
高度：120px；
浮动：左；
位置：相对位置；
显示：内联块；
线高：120px；
垂直对齐：顶部；
文本对齐：左对齐；
}
.名单{
显示：内联块；
垂直对齐：中间对齐；
保证金：0；
填充：0；
}
.项目{
位置：相对位置；
浮动：左；
填充：20px0；
利润率：30px0；
垂直对齐：中间对齐；
显示：内联；
}
.联系方式{
高度：80px；
浮动：对；
位置：相对位置；
显示：内联块；
填充：20px；
}
.联络项目{
位置：相对位置；
浮动：左；
填充：10px；
边缘顶部：20px；
垂直对齐：中间对齐；
显示：内联；
}

Html代码

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<title>DR Automation</title>
<style type="text/css">
.main {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: normal;
background-color: #fff;
}
a {
color: #000000;
text-decoration: none;
}
a:focus, a:hover {
color: #cc0000;
text-decoration: none;
}
.nav {
float: left;
line-height: 20px;
letter-spacing: 1px;
color: #000000;
height: 20px;
padding: 0;
margin: 0 15px;
cursor: pointer;
text-decoration: none;
}
ul {
padding: 0;
margin: 23px 0;
list-style: outside none;
}
li {
margin: 12px 0;
}
.header {
width: 100%;
height: 120px;
border-bottom: 1px solid #9b9b9b;
}
.logo {
float: left;
display: inline-block;
position: relative;
width: initial;
max-width: 200px;
max-height: 120px;
padding: 10px 20px 0px 0px;
margin: 0;
vertical-align: middle;
}
.navigation {
height: 120px;
float: left;
position: relative;
display: inline-block;
line-height: 120px;
vertical-align: top;
text-align: left;
}
.list {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
}
.item {
position: relative;
float: left;
padding: 20px 0;
margin: 30px 0;
vertical-align: middle;
display: inline;
}
.contact {
height: 80px;
float: right;
position: relative;
display: inline-block;
padding: 20px;
}
.contact-item {
position: relative;
float: left;
padding: 10px;
margin-top: 20px;
vertical-align: middle;
display: inline;
}
</style>

<div class="main">
<div class="header">
<div class="logo">
<a href="https://www.drautomation.co.uk/" target="_blank"><img style="height: 110px;" alt="DR Automation" src="http://i.imgur.com/qqdzWy4.png"></a>
</div>
<div class="navigation">
<ul class="list">
<li class="item">
<a class="nav" href="https://www.drautomation.co.uk" target="_blank">Home</a>
</li>
<li class="item">
<a class="nav" href="/pages/about-us" target="_blank">About Us</a>
</li>
</ul>
</div>
<div class="contact">
<div class="contact-item">
<a href="https://www.drautomation.co.uk/" target="_blank">www.drautomation.co.uk</a>
</div>
<div class="contact-item">
<img height="10px" alt="Phone" src="http://i.imgur.com/jGuitJh.png">
01224 968070
</div>
<div class="contact-item">
<img height="10px" alt="Email" src="http://i.imgur.com/7rvGp17.png">
<a href="mailto: info@drautomation.co.uk">info@drautomation.co.uk</a>
</div>
</div>
</div>
</div>

01224 968070
将样式应用于
a：也访问了
链接

链接颜色已更改，表示您已访问该链接下的页面。
请尝试此代码

a, a:visited, a:active, a:hover{
color:#000000;
}

欲了解更多信息，请访问以下网址

当您为链接指定css时，如果您也为所有伪类添加该css，这将是一件好事

就你而言：

contact-item a,
contact-item a:visited,
contact-item a:hover,
contact-item a:active {
    color:black;
}

请在此处阅读有关伪类的更多信息：