類不適用於鏈接的鏈接

Question

我已將類「greenbutton」分配給我的html中的鏈接，但是我對此類在CSS上所做的更改沒有生效。

home.html.erb

<p><a class="greenbutton" href="#">Sign Up</a> to learn more</p> 

custom.css.scss

.greenbutton a:link, .greenbutton a:visited { 
font-size: 14px; 
text-decoration: none; 
} 

關於這個奇怪的是，當我這個類分配給前面的段落標記，更改將生效。有什麼想法嗎？

Answer 1

您正在嘗試的CSS應該應用於<p>或修改爲a.greenbutton。你指定的是一個分類爲greenbutton的元素。例如

.greenbutton a { } /* anchor inside .greenbutton-classed element, like: 

    <p class="greenbutton"> 
    <a href="#">Foo</a> 
    </p> 

*/ 

a.greenbutton { } /* anchor with .greenbutton class applied, like: 

    <a href="#" class="greenbutton">Bar</a> 

*/ 

Answer 2

你的選擇是錯誤的：

.greenbutton a:link 

這個目標具有類 「greenbutton」 的元素中的錨鏈接。你想要的是爲班上的錨：

a.greenbutton:link 

Answer 3

Css類應該是這樣的。

a.greenbutton, a.greenbutton:visited { 
font-size: 14px; 
text-decoration: none; 
}