我试图定位一些驻留在3个子div之一中的锚标记。这些div嵌套在父div中。 3设置为浮动:左侧,因此它们并排显示。这个集合的第3个div是包含一些我试图改变颜色并正确对齐它们的锚点。这就是我所拥有的:
.logo-bckgrnd-rpt是我父div的类。这包含3个子div。我已经定位到了第3个孩子的目标,但是我无法获得锚点的颜色和对齐方式。
.logo-bckgrnd-rpt div:nth-child(3) a:link a:visited {
color:#ec1d23;
text-align:right;
}
答案 0 :(得分:1)
要进行对齐,您需要像这样定位父div。
.logo-bckgrnd-rpt div:nth-child(3) {
text-align:right;
}
要更改锚标记的颜色,您可能希望像这样定位它们。
.logo-bckgrnd-rpt div:nth-child(3) a, .logo-bckgrnd-rpt div:nth-child(3) a:visited {
color:#ec1d23;
}
这是一个例子。
.logo-bckgrnd-rpt div {
float: left;
width: 150px;
height: 50px;
background-color: #aaa;
margin-right: 10px;
padding: 10px;
}
.logo-bckgrnd-rpt div:nth-child(3) {
text-align:right;
}
.logo-bckgrnd-rpt div:nth-child(3) a, .logo-bckgrnd-rpt div:nth-child(3) a:visited {
color:#ec1d23;
display: block;
}
<div class="logo-bckgrnd-rpt">
<div></div>
<div></div>
<div>
<a href="#">foo</a>
<a href="#">bar</a>
</div>
</div>