在CSS中,使用其他选择器的CSS

时间:2015-06-04 10:50:48

标签: css css3

我可以在一个CSS选择器中使用其他选择器的规格吗?

假设我有3个课程:c1c2c3,我指定了c1c2,如下所示:

.c1 {
    font: some-font;
}

.c2 {
    font-size: some font size;
}

我希望c3拥有c1c2的所有属性。

我知道我可以这样做:

.c1, .c3 {
    font: some-font;
}

.c2, .c3 {
    font-size: some font size;
}
.c3 {
    font-color: red;
}

但这不是我想要的。

是否有纯CSS解决方案?

我知道SASS可以做到这一点,但还有其他办法吗?

3 个答案:

答案 0 :(得分:3)

您可以将多个类应用于一组样式,例如:

.c3,
.c1 {
   font: some-font;
}

.c3,
.c2 {
   font-size: some font size;
}

答案 1 :(得分:3)

这个愿望是 - 在很多其他人中 - 这是开始使用 LESS 今天的一个很好的理由。

  

http://lesscss.org

一旦学会了,除非有人强迫你,否则你永远不会回到vanilla CSS。相信我,它需要很多的力量。

答案 2 :(得分:1)

我不确定是否有其他办法,但这是我所知道的方式:

.c1, .c3 {
    font: some-font;
}

.c2, .c3 {
    font-size: some font size;
}
.c3 {
    font-color: red;
}