css分组选择器

问题描述

| 如果不分组，我们可以做：

.footer_content a:link {
    color: #FFFFFF;
}
.footer_content a:visited {
    color: #FFFFFF;
}

与分组：

.footer_content a:link,.footer_content a:visited {
    color: #FFFFFF;
}

有没有一种方法可以定义css选择器来摆脱做同一件事的多余.footer_content声明？看起来像这样的东西：

.footer_content (a:link,a:visited) {
    color: #FFFFFF;
}

    

解决方法

        您可以使用Sass实现类似的功能，即“编译”为CSS。 在Sass中，您将使用嵌套，如下所示：

.footer_content {
  a:link,a:visited {
    color: #FFFFFF;
  }
}

    ,        当前，尚无一种普遍支持的方法来实现这一目标。 但是，实验性的“ 4”选择器将实现并标准化。任何浏览器均不支持此功能，但最新的Firefox每晚都支持。