CSS帮助,如何在div内部定位此链接

时间:2015-10-13 20:40:54

标签: css hyperlink colors tags

我想更改“阅读BIC杂志数字版”链接红色(查看附图)。

screen shot of 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;

这也是链接的样子:

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

如果我更改.header_links的颜色,则所有链接都会改变颜色。如何指定更改Read BIC Magazine Digital Edition链接的颜色。如果你能把代码放在一个很棒的复制和粘贴格式中!谢谢您的帮助。

1 个答案:

答案 0 :(得分:1)

似乎链接是标题中的第一个链接,如果您只能访问CSS,则可以执行以下操作:

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

或者,您可以按其href属性

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

如果这些都不起作用,请尝试将颜色设置为!important

color: red !important;

为了覆盖上一个选择器。