HTML中的链接 - 颜色

Question

我在我的代码中有这个

a:link {text-decoration: none; color: black;}
a:visited {text-decoration: none; color: black}
a:active {text-decoration: none; color: black}
a:hover {text-decoration: underline; color: grey;}

但现在我需要在同一页面中，但在另一个本地，颜色会变为另一个

例如，标题中链接颜色为白色，按钮为黑色。

我不能简单地重复上面的代码。

我该如何解决？

Answer 1

您可以为标题链接指定一个类：

<a class="header" href="yourpage.html">Header Link</a>

然后在你的CSS中：

a.header:link {text-decoration: none; color: black;}
a.header:visited {text-decoration: none; color: black}
a.header:active {text-decoration: none; color: black}
a.header:hover {text-decoration: underline; color: grey;}

和非标题链接：

<a href="link.html">Normal Link</a>

然后是CSS中的普通链接：

a:link {text-decoration: brown; color: black;}
a:visited {text-decoration: none; color: black}
a:active {text-decoration: none; color: black}
a:hover {text-decoration: underline; color: grey;}

Answer 2

如果您在css中使用了后变量和常量，那么如果使用Rails，则可以尝试lesscss或SASS。