css - 更改特定 div 中的 anchor

Question

我正在尝试定位位于 3 个子 div 之一中的一些 anchor 标记。这些 div 嵌套在父 div 中。这 3 个设置为 float:left，因此它们并排出现。该组的第三个 div 包含一些 anchor ，我正在尝试更改它们的颜色并右对齐它们。这是我拥有的:

.logo-bckgrnd-rpt 是我父 div 的类。这包含 3 个子 div。我设法将第三个子 div 作为目标，但我无法使 anchor 的颜色和对齐方式起作用。

.logo-bckgrnd-rpt div:nth-child(3) a:link a:visited  {
    color:#ec1d23;
    text-align:right;

}

Answer 1

要进行对齐，您需要像这样定位父 div。

.logo-bckgrnd-rpt div:nth-child(3) {
    text-align:right;
}

要更改 anchor 标记的颜色，您可能希望像这样定位它们。

.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>