另一个类中的css类作为属性

时间:2010-09-11 22:09:41

标签: css

我想要使用其他css类的属性而不必重写代码......我对css不太了解所以请原谅我这个简单的问题。

是否可以在css中执行此类操作或与此类似的操作?

.class_a {
    background:red;
}

.class_b{
    .class_a;
}

4 个答案:

答案 0 :(得分:3)

重用css类的最好方法(我知道)是决定要重用的css属性,并把它放在一个单独的类中,如下所示:

.class_a {
    background:red;
}

然后,每次要重新使用这些属性时,都要将类添加到html元素中,不同类名之间有空格,如下所示:

<div class="text class_a">This will be red, and have the properties of the text class</div>
<div class="text">This will only have the properties of the text class</div>

答案 1 :(得分:2)

您可以为多个选择器使用相同的属性列表:

.class_a, .class_b {
    background:red;
}

答案 2 :(得分:1)

CSS工具,允许您以您描述的方式进行编码。您只需对代码进行一些后处理即可生成有效的CSS。

查看LESS

答案 3 :(得分:0)

使用CSS无法实现。但是,您可以使用类似Sass的内容来实现此目的。 Sass允许您使用您所描述的增强功能编写CSS。不幸的是,这引入了一个额外的步骤,因为Sass文件必须先转换为CSS才能在页面上使用它们。可以帮助你节省很多打字:)