css分组选择器

时间:2011-05-29 11:21:40

标签: css css-selectors

如果没有分组,我们可以这样做:

.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;
}

2 个答案:

答案 0 :(得分:4)

目前尚无普遍支持的实现方式。

然而,如果实施和标准化,实验:any() selector将使这成为可能。任何浏览器都不支持它,但最新的Firefox还没有。

答案 1 :(得分:2)

你可以用Sass来实现类似的东西,它可以“编译”为CSS。

在Sass中你会使用嵌套,如下所示:

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