Question

与Jade和LESS合作。

我将所有LESS文件导入到main.LESS文件中。其中一个较少的文件包含我只想在主页面上发生的更改。

离。 .row通常有50px的填充，但对于这一页我需要它到20px。

我不知道如何解决这个问题（我对编码仍然很陌生）。它是赋值的一部分，所有文件必须导入到main.less文件中。感谢。

Answer 1

建议;看看Changing selector order。您的主页面有<body class="main">，您可以使用：

.row {
  padding: 50px;
  .main & {
    padding: 20px;
  }
}

以上Less代码编译成CSS代码如下：

.row {
  padding: 50px;
}
.main .row {
  padding: 20px;
}