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的外观@七个阶段最大顺便说一句:我已经使用了你的许多帖子来提高速度与较少。下面是扩展较少的代码暴露给设计师:完整项目: