css - 为什么所有链接的 Rails CSS 都不起作用，但适用于 :class => "foo"?

Question

我有一个很奇怪的问题。我有一个 Rails 页面，我想在其中使用 CSS 来格式化所有链接，并且菜单链接应该有另一种颜色。所以我开始了

    .menulink:link, .menulink:visited, .menulink:hover, .menulink:active{
        color: red;
    }

在菜单栏片段 CSS (sidebar.css.scss)

对于所有其他链接，我将 CSS 写入 application.css.scss:

    a:link, a:visited, a:hover, a:active{
        color: green;
    }

有趣的是，这不起作用。但是如果我在我的代码中的任何链接中添加一个类标签，就像这样

    <%= link_to "Alle Artikel", :controller => :articles, :action => :index, :class => "foo" %>

它完美地工作。我真的很困惑。为什么会有这种行为？

Answer 1

我怀疑您可能在层叠样式表中看到了“层叠”。
基本上，当您放置一个特定的类选择器时，该类就会被应用。这是 css 的规则，规则越具体，它就越会应用任何更高级别的“全局”设置。
因此，当您在更高的一般级别(例如所有 anchor )应用规则时，可能会发生比“所有 anchor ”更低级别但比类/标签更高级别的样式规则，这可能有助于解释您所看到的行为。