如何在较少的情况下重用伪类？

Question

有没有办法在less中重用伪类？

例如：

这个类已经存在于一些我无法修改的外部文件中。

.cssClass:before{
}

现在，我想在我当前的代码中使用该伪类。有可能吗？

例如：

.lessClass{
    .cssClass:before; //but this is giving error
}

Answer 1

在Less中你不能混合伪类，另见Allow for pseudo-classes to be used as mixins。

正如@Harry已经建议的那样，您可以使用extend来解决您的问题。

.cssClass:before {
content: "test";
}
.lessClass:extend(.cssClass:before){}

前面的Less代码将编译成以下CSS代码：

.cssClass:before,
.lessClass {
  content: "test";
}

或使用：.lessClass:before:extend(.cssClass:before){}将编译成：

.cssClass:before,
.lessClass:before {
  content: "test";
}