css - 如何将 sifr 规则应用于超链接及其对应的 a.active

Question

在 h1... 中有一个超链接，如下所示：
<h1 id="site-name"><a href="blah">blah</a><h1>

我将 sifr3 规则应用于 css：h1#site-name

然后在 sifr3-rules.js 我应用以下规则... "a": { "text-decoration": "none" }, "a:link": { "color": "#FF0000" }, "a :hover": { "color": "#00FF00", "text-decoration": "none" }

但是我在我的 Drupal 站点中意识到，它会自动将 .active 类添加到超链接中，并且默认链接颜色不起作用（但是悬停不正常）...

如何设置规则以便应用 "a.active": { "color": "#FF0000" } 之类的东西？[顺便说一句，这没有任何作用，但我认为它可能会有所帮助]

Answer 1

您可以执行以下操作之一：

1-将drupal的a.class规则修改为：

a.class {
  color:#f00;
}

这是为了有一个一致的网站（所有活动链接都是红色的）

2-或者您可以覆盖 CSS 规则：

h1#site-name a.active {
  color:#f00;
}

• 确保在 CSS 文件之后包含 js 文件以覆盖规则。

Answer 2

我不相信 Flash 允许您选择具有类名 ( a.active) 的链接。最好的办法是把活动类放在上面h1。然后，您可以替换h1.active以执行不同的样式。确保在其他s之前更换它。h1