在Sass中,要在编译后的CSS中包含空类和ID,您需要使用@at-root选择器。这个选择器可以让您在编译后的CSS中生成空类和ID。以下是一个示例:
.empty-class {
@at-root\#{&} {
color: red;
}
}
#empty-id {
@at-root\#{&} {
color: blue;
}
}
在这个示例中,我们创建了一个名为.empty-class
的空类,以及一个名为#empty-id
的空ID。我们使用@at-root\#{&}
选择器来生成一个空的类和ID,然后为它们分别添加了颜色属性。
编译后的CSS代码如下:
.empty-class {
color: red;
}
#empty-id {
color: blue;
}
这样,在编译后的CSS中,您将看到空类和ID已经被包含在了输出中。
领取专属 10元无门槛券
手把手带您无忧上云