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

我想将“阅读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链接的颜色。如果您可以将代码以复制粘贴的格式放进去,那就太好了!谢谢您的帮助。

最佳答案

好像该链接是标头中的第一个链接,并且如果您只能访问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;


为了覆盖先前的选择器。

本文翻译自 https://stackoverflow.com/questions/33112214/

网站遵循 CC BY-SA 4.0 协议,转载或引用请注明出处。

标签 css hyperlink colors tags


相关文章:

android - 移动应用程序将作为网站启动

html - 将类的链接设置为不同的颜色(CSS / HTML)

html - 不知道为什么CSS没有链接?

php - 根据数据库中的值在d​​iv中显示图像

php - 图像在IE中未正确对齐

java - Android:padding留下了一个白色的位图

xcode - 混合Objective-C / Swift项目中故事板颜色的问题

css - Sass:校正三种HSL颜色之间的色相和饱和度差异

javascript - 一旦执行ng-repeat,如何更改表格行的颜色

javascript - 使文本从一列重复流到另一列