通常我在我的元素中使用 LESS 但现在我尝试使用 SASS。
在 LESS 中我做这样的事情
.module {
background-color: blue;
&-title {
color: black;
}
&-type-2 {
background-color: red;
}
}
输出的 CSS 将是
.module {
background-color: blue;
}
.module-title {
color: black;
}
.module-type-2 {
background-color: red;
}
在 SASS 中行不通,在 SASS 中有办法吗?
最佳答案
从 Sass 3.3 开始,您可以使用以下语法执行此操作:
.block{
&__element {
// ...
}
&--modifier {
// ...
}
}
关于css - 使用 SASS 和 OOCSS 引用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18666208/