Question

让我们先举一个例子，

比方说我有班级：

$stmt = $db->prepare($query);
$stmt->bind_param('ss', $fname, $fname, $mname, $mname);
$stmt->execute();

然后在某个元素上，我想调用我的mixin：

 <html class="browser-ie"> ...

并且能够从例如元素中调用它：

.browser-ie(@mixin){
        html.browser-ie {
                 @mixin();
        }
}

并生成以下css：

.main {
         .nested {
              .morenested {
                     .browser-ie({ min-height:100% });
              }
         }
}

工具箱中是否有任何内容允许这样的内容？

Answer 1

我认为您正在寻找预编译器中的parent selector。这应输出您想要的CSS。

.main {
  .nested {
    .morenested {
      html.browser-ie & {
        min-height: 100%;
      }
    }
  }
}

请记住，父选择器可以落在声明中的任何位置，并且它将继承嵌套到该点的所有类，并将它们附加到字符串中。

Answer 2

你是说这样的意思吗？

.myColor{
    min-height:100%;
}


    .main{
        .nested{
            .morenested{
                .myColor;
            }
        }
    }

结果：

/* Generated by less 2.4.0 */
.myColor {
  min-height: 100%;
}
.main .nested .morenested {
  min-height: 100%;
}