Less 如何设置用户可以忽略的较少的默认值

Less 如何设置用户可以忽略的较少的默认值,less,Less,下面是我如何解决的: .css-colors-default() { .css-keyword {color: orange}; .css-property {color: green}; //only here } .css-colors() { .css-keyword {color: red}; .css-qualifier {color: blue}; //only

下面是我如何解决的:

    .css-colors-default() {
        .css-keyword    {color: orange};    
        .css-property   {color: green}; //only here
    }
    .css-colors() {
        .css-keyword    {color: red};   
        .css-qualifier  {color: blue};  //only here
    }

#makeImportant() {                      //see !IMPORTANT note below
    .css-colors-default();
    .CSS {
        .css-colors(); 
        span.cm-m-css {
            &.cm-keyword    {.css-keyword};
            &.cm-property   {.css-property};
            &.cm-qualifier  {.css-qualifier};   
        }
    }
    //  important is required to override uses by code out of my control
} & { #makeImportant() !important}


This works but is creating extra CSS:

    .css-keyword {
        color: orange !important;
    }
    .css-property {
        color: green !important;
    }
    .CSS .css-keyword {
        color: red !important;
    }
    .CSS .css-qualifier {
        color: blue !important;
    }
    .CSS span.cm-m-css.cm-keyword {
        color: red !important;
    }
    .CSS span.cm-m-css.cm-property {
        color: green !important;
    }
    .CSS span.cm-m-css.cm-qualifier {
        color: blue !important;
    }
有更好的办法吗

许多用户将熟悉css,但不会更少。主要目的是允许设计师设置标签颜色,尽管在ex代码中未显示。最初用于Dreamweaver,但将移植到其他应用程序,尤其是devtools

游戏结束示例:


默认情况下,.css-colors()的内部是我想要向用户公开的所有内容。

您是否在问如何使内容本身更易于覆盖?(如果是这样,最简单的方法是)。或者你想让东西在纯CSS中可重写?注意mixin级联,所以mixin中的变量也是可重写的()。其他的取决于你的特殊需求。IMO类选择器似乎不那么可怕:)对熟悉css的设计师来说,但也不那么可怕。“极其理想”的意外结果是更具灵活性,例如css关键字{颜色:橙色,字体重量:粗体};额外的css价格低廉,具有灵活性和类似css的外观@七个阶段最大顺便说一句:我已经使用了你的许多帖子来提高速度与较少。下面是扩展较少的代码暴露给设计师:完整项目: