css - 我可以在 CSS 中继承类作为包装层吗

Question

就像在编程语言中一样！是否可以在 CSS 中执行如下所示的类似操作？

<style type="text/css">
   .classA { properties 1,2,3... }

   .classB { properties a, b, c... }

   .classAB { inherit- classA, classB }
</style>

在使用 Bootstrap 时，我经常不得不使用很多div's，这让我感到困惑，甚至弄乱了我的代码。所以，我决定知道是否有如上所示的任何功能..

现在，当我申请时<p class="classAB"></p>，它应该继承 classA 和 classB 功能！

Answer 1

不，不在“香草”CSS 中。

使用具有此功能（以及更多功能）并编译为 CSS 的 LESS 或 SASS。请参阅http://sass-lang.com/或http://lesscss.org/

当然，你可以使用

.classA { properties 1,2,3 }
.classB { properties a,b,c }

<div class='classA classB'>...</div>

这不是真正的继承，但可能会做你想做的事。