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'，以下属性已更改：

颜色与普通文本的颜色相同如何避免重复代码并将其他标记的颜色相同？
删除活动的效果，通常会悬停，但要继续作为链接，因此如果单击“用户”，则会执行相同的操作。

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编译器。

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

1 个答案: