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