在CSS属性值中的默认值是什么意思?
twitter引导代码有很多CSS属性,最后还有!default
。
例如
p { color: white !default; }
!default
做什么?
UPDATE
我不好清楚。 我正在使用Bootstrap的SASS端口。
Twitter Bootstrap使用LESS,据我所见。 另一方面, !default
实际上是Sass的一部分,用于给定Sassvariables( $var
)的默认值,这会在给定的上下文中使其无效, 即使在Sass中也是如此 。
另外,在LESS文档中 ,我还找不到任何对!default
引用,据我所知,它是Sass专有的。 你确定你在Bootstrap的源中find了这个,而不是在其他地方? 因为我真的不记得在Bootstrap的样式表中看到Sass / SCSS代码。
为什么它是值得的,唯一有效的标志开始!
在CSS中是!important
, 你可能已经知道了 。
在Bootstrap Sass中经常使用! 它类似于一个相反的!重要的。 所有Bootstrapsvariables都使用!default设置,以便开发人员进一步自定义引导程序。 使用!默认sass只会定义一个variables,如果它尚未被设置。
这允许更多的灵活性。
//Example1 Dress color = red $auroras-dress-color: blue; $auroras-dress-color: red; //Example2 Dress color = red $auroras-dress-color: blue !default; $auroras-dress-color: red; //Example3 Dress color = blue $auroras-dress-color: blue; $auroras-dress-color: red !default;
那为什么这很重要? Bootstrap是一个包。 大多数人不编辑引导源。 永远不要更新靴子的来源。 要自定义引导程序,您将添加自己的variables文件,并使用引导程序代码进行编译,但不要触摸本地引导程序包。 Bootstrap sass的页面对如何在文档中进行定制和编译有着全面的认识。
我不知道为什么更less不这样做。 我没有多less工作,不知道是否有自己的内置variablespipe理。