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这让我感到困惑，甚至搞乱了我的代码。所以，我决定知道是否有如上所示的任何功能..

现在当我申请时，<p class="classAB"></p> ，它应该继承classA和classB的特性!

Answer 1

不，不是在“普通”CSS 中。

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

当然，你可以使用

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

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

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