Less.js：如何在较少的文件定义中避免多个前缀？

Question

例如，我有一个html片段定义如下：

<div class="login">
    <div class="header">...</div>
    <div class="content">...</div>
</div>
.......
<div class="home">
    <div class="header">...</div>
    <div class="content">...</div>
</div>

我有一个名为login.less的文件较少，内容如下：

.login {
    ....
}

.login .header {
    ....
}

.login .content {
    ....
}

正如您在上面所看到的，每次我在“login”div下添加一个类时，我都必须编写类似.login .class的内容，我必须在它们之前添加.login。在less.js中是否有任何方法来定义基类名称，这样我每次都不需要添加.login？

Answer 1

使用 less ，您可以像@Harry对您的问题发表评论，只需嵌套他的孩子，就这样，您可以避免重复父选择器：

.login {
    .header {
        // Code
    }
    .content {
        // Code
    }
}