更改特定div中的锚点

时间:2015-09-17 23:59:49

标签: css css-selectors

我试图定位一些驻留在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;

}

1 个答案:

答案 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>