CSS 求助，如何在 div 中定位这个 link

Question

我想把"Read BIC Magazine Digital Edition"link改成红色（看附图）。

我只能访问 css，这就是它的样子。

.logo .header_links{
margin-top:30px;
position:absolute;
right:0px;
bottom:33px;}

.header_links a{
 display:inline-block;
 font-family: 'verdana', 'arial', sans-serif;
 color: #0060AF;
font-size: 13px;
text-decoration:underline;
padding:0 10px;
border-left: 1px solid #666;
 margin:0px -4px 0px 0px;}

.header_links a;"Read BIC Magazine Digital Edition"{
color: red;}

.header_links a:first-child{
  border-left:0px;}

.header_links a:hover{
  text-decoration:none;

这也是 link 的样子：

<a href="http://www.bicmagazine.com/info/read-bic-magazine-online">Read BIC Magazine Digital Edition</a>

如果我更改 .header_links 的颜色，则所有 link 都会更改颜色。如何指定更改 Read BIC Magazine Digital Edition link 的颜色。如果您可以将代码以复制和粘贴的格式放置，那就太棒了！谢谢您的帮助。

Answer 1

好像link是header中的第一个link，如果你只能访问CSS，你可以这样做：

.header_links a:first-child {
    color: red;
}

或者，您可以通过其 href 属性定位 link：

.header_links a[href="http://www.bicmagazine.com/info/read-bic-magazine-online"] {
    color: red;
}

如果none这项工作，尝试将颜色设置为!important:

color: red !important;

为了覆盖之前的选择器。

CSS 求助，如何在 div 中定位这个 link

CSS help, how to target this link inside of div

css

tags

colors

hyperlink