类不适用于链接的链接

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; 
}