我有一个关于如何修改已选择链接的颜色的问题。 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;
}