2014-09-27 15 views
0

有没有办法重新使用伪类更少?如何在更少的地方重用伪类?

例如:

这个类中已经存在,我不能修改一些外部文件。

.cssClass:before{ 
} 

现在,我想在我当前的代码中使用该伪类。可能吗?

例如:

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

尝试导入如'(少)'。 – Harry 2014-09-27 12:02:54

+0

@哈利 - 我更新了我的评论。请检查 – Kalyan 2014-09-29 08:41:22

+0

您正在将它作为'(less)'导入并仍然出错? – Harry 2014-09-29 08:43:44

回答

0

在少你不能混入伪类,也Allow for pseudo-classes to be used as mixins见。

也许您可以使用extend来解决您的问题,正如@Harry所建议的那样。

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

前面更少的代码将编译成以下CSS代码:

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

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

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