2017-08-02 62 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; 
}