.classname {.otherclass; LESS中的语法？

Question

我正在尝试将一些LESS转换为SASS，并且我发现了一些很好的文章，涵盖了正则表达式搜索和替换的基础知识，但是我发现了许多不具有某种语法的实例捕获。

具体做法是：

.head-container{
    float:left;
    margin: 0 0 40px 0!important;
    .article-container-img-head{
        .article-container-img;
        padding-top:0;
    }    
}

SASS中这种语法的等价物是什么，所以我可以替换所有这些？

Answer 1

少：

.mixin()
{
 frommixin: yes;
}

.class{
.mixin;
}

SCCS：

@mixin mixin()
{
 frommixin: yes;
}

.class{
@include mixin;
}

都输出以下CSS代码：

.class {
  frommixin: yes;
}

您的示例中的

article-container-img是一个混合。 .head-container{.article-container-img-head{}}的嵌套不会改变。