-1

我有一个关于如何修改已选择链接的颜色的问题。 http://www.northernvirginiapaintingcontractors.com 点击“联系我们”,然后点击 1 个链接。

我无法确定为什么这种颜色会变成紫色。如果有人能看到这一点,我将不胜感激。

我认为这与以下任何一个定义有关:

.contactmenu li a:link {
/*float: left;*/
text-decoration: none;
color: #A6BDCB;    
} 

.contactmenu li a:hover, .contactmenu li a.selected {                 
/*color: #B6B6B6;*/
color: #A6BDCB;
text-decoration: underline;
}

这是完整的相关CSS:

.contactblocktheme {                    
/*border:5px solid #cd0000;*/
padding:0;                                 
}

.contactblocktheme p {
padding: 1px 1px 1px 2px;
font-family: Arial;
font-size: 13px;
/*background-color: navy;*/
width: auto;
}

.contactblocktheme {                    
/*border:5px solid #cd0000;*/
padding:0;                                 
}

.contactblocktheme p {
padding: 1px 1px 1px 2px;
font-family: Arial;
font-size: 13px;
/*background-color: orange;*/
width: auto;
}

.contactblocktheme .column {
padding: 6px 3px 0 0;
font-family: Arial Black;
font-size: 12px;
/*background-color: olive;*/
}

.contactmenu {
width:122px;       
/*padding:10px;*/
position:absolute;
visibility:hidden;
border:1px solid #D7D7D7;
border-top-width:1px;
/*background-color: yellow;*/
-webkit-box-shadow: 5px 5px 5px #c8c8c8;    
-moz-box-shadow: 5px 5px 5px #c8c8c8;
/*box-shadow: 5px 5px 5px #c8c8c8;*/
}

.contactmenu .column {       
float:left;
text-align:left;
/*background-color:#4F4D4D;*/
background-color: #D7D7D7;
}

.contactmenu .column ul {
margin: 0 0 0 4px;
padding: 0 0 0 0;
list-style:none;
}

.contactmenu .column ul li {
margin-bottom: 7px;
}


.contactmenu a{
}

.contactmenu li a:link {
/*float: left;*/
text-decoration: none;
color: #A6BDCB;    
} 

.contactmenu li a:hover, .contactmenu li a.selected {                 
/*color: #B6B6B6;*/
/*color: #A6BDCB;*/
text-decoration: underline;
}
4

2 回答 2

0

在 上设置:visited样式.contactmenu li a。这种风格可以与您使用的风格相匹配:link

.contactmenu li a:visited {
  /* styles here */  
} 
于 2013-02-08T22:59:15.220 回答
0

CSS 中与此定义存在冲突:

.contactmenu a{
}

我删除了它并且工作正常。

于 2013-02-08T23:07:55.687 回答