Question

我有一个CSS，它显示正常，但我希望.bottom和.navt有一个白色的链接颜色，即使有人访问它们仍保持白色。这是我目前的代码：

.toper{
border:1px solid black;
background:blue;
width:500;
height:90;
position:absolute;
top:0px;
left:50px;


}
.navt{
border:1px solid black;
background:darkblue;
width:1000px;
height:55px;
padding:10px;
position:absolute;
top:95px;
left:50px;
}


.bottom {
align:bottom;
border:1px solid black;
background:darkblue;
width:1000px;
height:55px;
padding:10px;
position:absolute;
bottom:5px;
left:50px;

}

body{
background:lightblue
}

如何通过使用此工作表来完成此操作。（我不想使用更多的div和其他东西，因为这会涉及编辑许多页面，而对此页面做些什么会改变它们。

Answer 1

.bottom a, .navt a, .bottom a:visited, .navt a:visited {
    color: white;
}

包含bottom或navt的元素中包含访问和未访问的元素的任何链接现在都是白色的。

Answer 2

.bottom a, .navt a {
    color: #fff;
}

这样做：

Any <a> tag in class bottom and navt, should have a foreground color of RGB Hex #fff

不要担心hover或visited。除非定义了这些属性，否则您的浏览器不会假设它们，因为您已经专门覆盖了a本身的假定值。

Answer 3

您可以像这样定位他们：

.bottom a:link, .bottom a:visited, .navt a:link, .navt a:visited{
    color: white;
}

在CSS中，我如何影响只有1个类的链接

3 个答案: