Sass 如何引用以前定义的样式

Sass 如何引用以前定义的样式,sass,Sass,我是sass新手,我在.sass文件中定义了h1、h2、h3,我想执行以下操作: h1 { font-size: 25px; } .section { h1 { font-size: h1.font-size - 5px; } } 我知道语法不正确,但我想你明白要点了。非常感谢。您必须将值存储在变量中: $h1字体大小:25px; h1{ 字体大小:$h1字体大小; .部门及{ 字体大小:$h1字体大小-5; } } 这将生成以下CSS: h1{字体大小:25px;} .h1节

我是sass新手,我在.sass文件中定义了h1、h2、h3,我想执行以下操作:

h1 {
   font-size: 25px;
}

.section {
   h1 { font-size: h1.font-size - 5px; }
}

我知道语法不正确,但我想你明白要点了。非常感谢。

您必须将值存储在变量中:

$h1字体大小:25px;
h1{
字体大小:$h1字体大小;
.部门及{
字体大小:$h1字体大小-5;
}
}
这将生成以下CSS:

h1{字体大小:25px;}
.h1节{字体大小:20px;}

必须将值存储在变量中:

$h1字体大小:25px;
h1{
字体大小:$h1字体大小;
.部门及{
字体大小:$h1字体大小-5;
}
}
这将生成以下CSS:

h1{字体大小:25px;}
.h1节{字体大小:20px;}

不过,这是一个有趣的想法。这可能会导致很多滥用,但可能可以利用阅读以前规则的能力来制作易于使用的Sass混搭,可以跨项目使用,例如,允许UI模块与周围的颜色方案混合,而无需给出任何参数。不过,这是一个有趣的想法。这可能会导致大量滥用,但可能可以使用读取以前规则的能力来制作易于使用的Sass混合,可以跨项目使用,例如,允许UI模块与周围的颜色方案混合,而无需提供任何参数。