LESS resusable嵌套类

Question

比方说，我有以下几点：

.class-1 { 
    font-weight: bold; 
    p{ 
    color: red; 
    } 
} 

而且我要在更短的定义一个类-2具有与在1类p元素相同的样式。除了编写代码之外，还有什么方法可以这样做吗？

Answer 1

.class-1, .class-2 { 
    font-weight: bold; 
    p{ 
     color: red; 
    } 
} 

Answer 2

如果我理解正确的话，你希望你的风格，如果p它的class-1或class-2孩子。但class-1和class-2应具有不同的样式。

我建议您将它写出两次或采用其他方法，但如果您不想将其写出两次，则可以使用mixins。

LESS

.p() { 
    color:red; 
} 

.class-1 { 
    font-weight: bold; 
    p{ 
    .p; 
    } 
} 
.class-2{ 
    p{ 
    .p; 
    } 
} 

CSS输出

.class-1 { 
    font-weight: bold; 
} 
.class-1 p { 
    color: red; 
} 
.class-2 p { 
    color: red; 
}