如何用另一种样式扩展CSS类？

您将必须使用CSS预处理器来执行此操作。

萨斯

.rounded-corner {}.corner {}.button-effective {}.button {  @extend .rounded-corner;  @extend .corner;  @extend .button-effective  // Continue with other classes.}

编译为：

.rounded-corner, .button {}.corner, .button {}.button-effective, .button {}

**混合

@mixin rounded-corner {}@mixin corner {}@mixin button-effective {}.button {  @include .rounded-corner;  @include .corner;  @include .button-effective  // Continue with other classes.}

编译为：

.button {      }

减

LESS具有与SASS类似的共生关系，并且具有 扩展 和 混合功能
，但是如果您想将一个类的样式添加到另一个类中，则LESS会更宽容一些。尽管我认为LESS中仍然考虑使用mixin，但您可以将一种类样式添加到另一种类样式中，如下所示，而不必使用关键字。

.rounded-corner {}.corner {}.button-effective {}.button {  .rounded-corner;  .corner;  .button-effective;  // Continue with other classes.}

编译为：

.button {      }