我正在尝试定位驻留在3个子div之一中的一些锚标记。这些div嵌套在父div中。3设置为float:left,因此它们可以并排显示。该集合的第3个div包含一些锚点,我正在尝试更改它们的颜色并将它们右对齐。这是我所拥有的:
.logo-bckgrnd-rpt是我的父div的类。其中包含3个子div。我已经将目标定位为第3个子div,但是我无法使锚的颜色和对齐方式起作用。
.logo-bckgrnd-rpt div:nth-child(3) a:link a:visited {
color:#ec1d23;
text-align:right;
}
要进行对齐,您需要像这样定位父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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句