Question

我正试图设置这些链接的样式：

        <a class="sub" href="#">Email Updates</a>
        <a class="sub" href="#">RSS Updates</a>

使用这个CSS：

.sub:link, .sub:visited{height: 50px; width: 308px; background-color: #669900; line-height: 50px; margin: 0 0 0 -15px; font-size: 35px; font-family: "Helvetica", sans-serif; color: #FFFFFF; text-decoration: none;}
.sub:hover{background-color: #336600;}

你看到有什么不正确的吗？应用于我的链接的所有样式都是我的默认值，即：

a{
    float:  none;
    color:  #669900;
    text-decoration: underline;
}

我肯定会把它放在我的“.sub”风格之前。有任何想法吗？谢谢！

Answer 1

a选择器比类名更具体。由于链接是a，而a 可能属于'sub'，但它可能不是。

如果你将css修改为：

a.sub { /* css */ }

它变得更具体，

a.sub:link { /* css */ }

更是如此。

Answer 2

同样使用:active伪类，应该全部设置。

.sub:link, .sub:visited, .sub:active { }

Answer 3

试试这个;

.sub a:link, .sub a:visited {
height : 50px;
width : 308px;
background-color : #669900;
line-height : 50px;
margin : 0 0 0 -15px;
font-size : 35px;
font-family : "Helvetica", sans-serif;
color : #ffffff;
text-decoration : none;
}
.sub a:hover {
background-color : #336600;
}

使用CSS设置样式链接

3 个答案: