html - 链接类不适用于 CSS

Question

我已将类“greenbutton”分配给我的 html 中的一个链接，但我对我的 CSS 上的这个类所做的任何更改都没有生效。

主页.html.erb

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

自定义.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;
}