html - 等于基于另一个属性的 CSS 属性的值

Question

我的 CSS 中有:

body
{
    font-size: 0.87em;
    font-family: Calibri, Arial, Georgia, Verdana, Tahoma, Microsoft Sans Serif;
    margin: 0;
    padding: 0;
    color: #666666;
}

a:link
{
    color: rgb(124,71,111);
    text-decoration: underline;
}
a:visited
{
    color: rgb(41, 12, 36);
}
a:hover
{
    color: rgb(91,25,79);
    text-decoration: none;
}
a:active
{
    color: #AB6D9C;
}

问题是后一个标签“.remove-linkcolor”

.remove-linkcolor
{

}

我希望链接到与类“.remove-linkcolor”关联的“a”的以下属性已更改:

1. 颜色与普通文本颜色相同 如何避免重复代码和放置相同颜色的另一个标签？
2. 移除事件效果，悬停通常会，但继续作为链接，因此如果您单击用户，将执行相同的操作。

Answer 1

不确定我是否理解您的问题 2。但是，我认为这是您需要的答案:

在 CSS 中删除重复代码的唯一方法是通过组合选择器，例如:

body {
  font-size: 0.87em;
  font-family: Calibri, Arial, Georgia, Verdana, Tahoma, Microsoft Sans Serif;
  margin: 0;
  padding: 0;
}

body, .remove-linkcolor {
  color: #666666;
}

但是你最终会经常重复选择器。唯一的其他方法是不做 CSS:使用 SASS 或类似的 CSS 编译器。