2015-10-17 65 views
0

我創建(複製和在線工具編輯)與文本here on the botton right corner如何將顏色更改爲div中的鏈接?

一個小盒子,我想也改變框中的文本的顏色。但是有一個命令a:link,a:visited。

我怎麼能繞過這些命令,並給我想要的文本顏色,維護鏈接?

感謝

+2

你可以避免:link和:通過這樣做來訪問.button類:'.button {color:#28a26b!important; }或者你也可以覆蓋:link和:visited選擇器。 –

+1

這不是一個好主意,只是改變:鏈接和:訪問選擇器與你想要的顏色? –

+0

我與Yura Yakym達成協議:) – www139

回答

0

僞選擇爲:link和a:懸停(還有更多)改變默認的行爲的瀏覽器。你可能會忽略它們,但我確定你不想。

a:鏈接集錨點的樣式,所以它不是默認的藍色下劃線。

a:當您將鼠標移動到鏈接上時,懸停設置錨點的樣式。

你的選擇,以瞭解更多,請嘗試「CSS僞選擇」

閱讀代碼,顏色設置都在那裏的

使用搜索引擎:

.button { 
    display: inline-block; 
    text-align: center; 
    vertical-align: middle; 
    padding: 12px 24px; 
    border: 1px solid #28A26B; 
    border-radius: 8px; 
    background: transparent 
      linear-gradient(to bottom, #FFF, #FFF) 
      repeat scroll 0% 0%; 
      // this is what you're probably 
      // looking for - the color of the button body. 
      // It's set to transparent. 
    font: bold 20px arial; 
    color: #28A26B; // Color of the content 
    text-decoration: none; 
} 
.button:hover, .button:focus { 
    // these pseudo classes just make the js events onmouseover 
    // and onclick obsolete... 
    color: #28A26B; 
    text-decoration: none; 

} 

設置背景到您所選擇的顏色,刪除漸變部分,你就完成了。不要盲目複製。

0

穿上styles.css的文件的77行規則後這一個:

#call-to-action a:link, #call-to-action a:visited { 
    color:yellow ; 
} 
相關問題