大佬教程收集整理的这篇文章主要介绍了CSS – LESS类继承,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想制作两个可以从引导继承标签样式的标签类.
.label-new { .label; .label-important; } .label-updated { .label; .label-warning; }
然而,以上将导致LESS分析错误“NameError:.label-important is undefined”,因为.label-important和.label-warning是在引导中使用以下命令定义的:
.label,.badge { // Important (red) &-important { BACkground-color: @errorText; } &-important[href] { BACkground-color: darken(@errorText,10%); } // Warnings (orangE) &-warning { BACkground-color: @orange; } &-warning[href] { BACkground-color: darken(@orange,10%); } }
有什么特殊的语法来继承.label-important / warning吗?
提前致谢.
@H_696_14@.label { // New (red) &-new { BACkground-color: @errorText; } &-new[href] { BACkground-color: darken(@errorText,10%); } // updated (orangE) &-updated { BACkground-color: @orange; } &-updated[href] { BACkground-color: darken(@orange,10%); } }
编辑(如果您不想重新定义颜色,但使用mixin)
为了避免重新定义颜色,那么您需要更改原始定义,并执行以下操作:
首先,删除原来的.label和.badge定义,然后再更明确地定义它们,如下所示:
.label-important,.badge-important { // Important (red) { BACkground-color: @errorText; } { BACkground-color: darken(@errorText,10%); } } .label-warning,.badge-warning { // Warnings (orangE) { BACkground-color: @orange; } { BACkground-color: darken(@orange,10%); } } .label-new { .label-important; } .label-updated { .label-warning; }@H_696_14@ @H_696_14@
以上是大佬教程为你收集整理的CSS – LESS类继承全部内容,希望文章能够帮你解决CSS – LESS类继承所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。