2017-08-02 65 views
-1

我无法改变这种引导设置为蓝色的锚元素的颜色的颜色。我已经试过这样:更改引导锚元素

#about{ 
    color:white !important; 
} 

这:

body div#more a#about{ 
    color:white; 
} 

HTML:

<div class="intro"> 
     <header class="header"> 
     <h1 class="my-name">Joe Schmo</h1> 
     <div class="webdev"> 
      <span>&#123; Web Developer </span><span>| St. Louis &#125; 
      </span> 
     </div> 
     </header> 
     <div class="more" id="more"> 
     <a class="aboutme" id="#about" href="#about">About me</a> 
     <a class="arrow fa fa-arrow-down" href="#about"></a> 
     </div> 
    </div> 
+0

您可以包括'html'代码过于一个元素? – Swellar

+0

把你的HTML代码 – mshomali

+0

更好地定义一个类你想要的颜色,然后把你的CSS上。 或者,也许,如果你希望所有的标记与锚链接(#),你可以尝试一些CSS黑客一样 - '一个[^ HREF = '#']'{ 颜色:#FFF; } –

回答

0

在这里,你去了一个解决方案https://jsfiddle.net/dgcxd3gy/

.aboutme { 
 
    color: rgba(255,0,0,0.5); 
 
} 
 

 
.aboutme:hover{ 
 
    color: rgba(255,0,0,1); 
 
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="intro"> 
 
     <header class="header"> 
 
     <h1 class="my-name">Joe Schmo</h1> 
 
     <div class="webdev"> 
 
      <span>&#123; Web Developer </span><span>| St. Louis &#125; 
 
      </span> 
 
     </div> 
 
     </header> 
 
     <div class="more" id="more"> 
 
     <a class="aboutme" id="#about" href="#about">About me</a> 
 
     <a class="arrow fa fa-arrow-down" href="#about"></a> 
 
     </div> 
 
    </div>

只是目标ID的元素。我已经使用类。

即使您可以根据

a[herf="#about"] { 
    color: red; 
}