1

JSfiddle 在这里http://jsfiddle.net/s3king93/tXuLD/

尝试将单个类 .home1 设置为始终具有与 a:hover 相同的灰色背景。出于某种原因，即使我使用 !important，样式也不会覆盖。如果我去掉 a:hover 部分，背景会显示，但文本不会。

有人有什么想法吗？

<div class="list-1">
            <ul class="list-style-1">
                <li><a class="home1" href="">HOME</a></li>
                <li><a href="">INFLUENCES</a></li>
                <li><a href="">ABOUT ME</a></li>
                <li><a href="">CLASSES</a></li>
                <li><a href="">ANDREWS VIDEO BLOG</a></li>
                <li><a href="">PHOTOGRAPHY</a></li>
            </ul>
        </div>


.list-1 {
padding:none;
float: right;
clear:right;
padding-right: 27px ;

}

.list-style-1 {
padding-top: 26px;
list-style-type: none;
font-family: "Bell Gothic Std Light";
font-size: 20px;


}

 a { 
display: inline-block;
width: 100%;
text-decoration: none;
padding: 1px;
}

a:link {

text-decoration:none;
color: #2A2A2A;

}

 a:visited {
text-decoration:none;
color: #2A2A2A;
}

 a:hover {
text-decoration:none;
color: #69E0F6;
background: #2A2A2A;

}

a:active {

text-decoration:none;
color: #69E0F6;
background: #2A2A2A;
}



.home1 a:link {

text-decoration:none;
color: #69E0F6;
background: #2A2A2A;

}
4

3 回答 3

5

你要：

a.home1 {
  text-decoration:none;
  color: #69E0F6;
  background: #2A2A2A;
}
于 2013-05-10T16:10:59.457 回答
0 
.home1 a:link {

text-decoration:none;
color: #69E0F6;
background: #2A2A2A;

}

home1在<a>标签上，尝试a.home1或.home1单独使用，您可以混合使用.home1:hover-.home1:active 如果您保持自己的方式，则class="home1"需要在<li>某处的祖先元素上，正如ajp15243指出的那样。

于 2013-05-10T16:11:41.903 回答
0 
.home1  {
    background: #2a2a2a !important;
    color: #69E0F6 !important;
}

还有我的小提琴

于 2013-05-10T16:14:11.670 回答