Html 将一个CSS类的样式包含到另一个CSS类中

Html 将一个CSS类的样式包含到另一个CSS类中,html,css,extends,saas,Html,Css,Extends,Saas,是否可以将一个css类的样式包含到另一个css类中?我的意思是SASS@extends几乎做了类似的事情,但它也设计了扩展类,这不是必需的。见示例: .myclass1{ 背景:红色; } .myclass2{ 颜色:蓝色; @扩展myclass1; } 您好,我是二班,我的文本是蓝色的,背景是红色的 您好,我是一班,我的文本不应该是蓝色的,背景是红色的 无前置处理器的CSS(SASS、LESS等): .myclass1{ 背景:红色; } .myclass2{ 颜色:蓝色; } 您好,

是否可以将一个css类的样式包含到另一个css类中?我的意思是SASS@extends几乎做了类似的事情,但它也设计了扩展类,这不是必需的。见示例:


.myclass1{
背景:红色;
}
.myclass2{
颜色:蓝色;
@扩展myclass1;
}

您好,我是二班,我的文本是蓝色的,背景是红色的

您好,我是一班,我的文本不应该是蓝色的,背景是红色的


无前置处理器的CSS(SASS、LESS等):

.myclass1{
背景:红色;
}
.myclass2{
颜色:蓝色;
}

您好,我是二班(我的文本是蓝色的)和一班(我的背景是红色的)

你好,我只是一班的学生(我的背景是红色)


SASS是一个CSS预处理器,基本上意味着SASS语法被编译成简单的CSS。SASS提供的功能,如
@extend
以及使用
$
语法建立变量等,仅在使用SASS时可用(CSS3不可用)

也就是说,只需将类链接在一起,就可以在常规CSS中实现SASS的
@extend
功能:

.blue, .green {
 <your css here>
}
.blue、.green{
}

您可以使用逗号匹配多个选择器:

.myclass1、.myclass2{
背景:红色;
}
.myclass2{
颜色:蓝色;
}

您好,我是二班,我的文本是蓝色的,背景是红色的


您好,我是1级,我的文本不应该是蓝色的,背景是红色的

在代码片段中似乎工作得很好?…您仍然需要编译SASS才能运行
@extend
。从您链接到的文章中可以看出:所有三种最流行的CSS预处理器都支持extend。您没有使用任何预处理器,而是试图将其视为CSS,而事实并非如此。如果您不想使用预处理器,可以使用PostCSS,否则需要使用预处理器