gpt4 book ai didi

css - 更改特定 div 中的 anchor

转载 作者:太空宇宙 更新时间:2023-11-04 11:22:34 24 4
gpt4 key购买 nike

我正在尝试定位位于 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;

}

最佳答案

要进行对齐,您需要像这样定位父 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>

关于css - 更改特定 div 中的 anchor ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32641807/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com