嵌套类未应用于LESS＆＃34; function＆＃34;

Question

考虑这个LESS文件......

@media screen and (max-width: 1200px){
    .container(100px);
}

@media screen and (max-width: 200px){
    .container(40px);
}

.container(@size){
    margin: 50px;

    div.left{
        background-color: blue;
        font-size: @size;
    }

    div.right{
        background-color: red;
        font-size: @size;
    }
}

这个HTML文件：

<div class="container">
    <div class="left">
        left
    </div>
    <div class="right">
        right
    </div>
</div>

我得到了正确的<div>工作正常，但是左边没有适用的风格......这里有什么问题？

注意：我试过＆gt;运营商，＆amp;运营商，删除 div 并且 .left 没有任何效果......

Answer 1

你在没有合适选择器块的情况下运行mixin。

尝试将代码更改为：

@media screen and (max-width: 1200px){
  .container {
    .container(100px);
  }
}

@media screen and (max-width: 200px){
  .container {
    .container(40px);
  }
}

.container(@size){
    margin: 50px;

    div.left{
        background-color: blue;
        font-size: @size;
    }

    div.right{
        background-color: red;
        font-size: @size;
    }
}

Working example