就像在编程语言中一样!是否有可能在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的功能!
答案 0 :(得分:2)
不,不是'香草'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>
这不是真正的继承,但可能会做你想要的。