twitter引导程序代码具有许多CSS属性,!default
最后带有一个。
例如
p {
color: white !default;
}
怎么!default
办?
更新
我不好说不清楚。我正在使用Bootstrap的SASS部分。
Answers:
据我所知,Twitter Bootstrap使用LESS。另一方面,!default
它实际上是Sass的一部分,用于为Sass变量($var
)提供默认值,这将使其在给定的上下文中无效,即使在Sass中也是如此。
此外,我!default
在LESS文档中找不到任何引用,据我所知,它仅属于Sass。您确定在Bootstrap的源代码中找到了这个吗?因为老实说我不记得在Bootstrap的样式表中看到Sass / SCSS代码。
就其价值而言,!
CSS中唯一以开头的有效令牌是!important
,您可能已经知道了。
$yellow: #ffc40d !default;
!default通常在Bootstrap Sass中使用。它类似于反向!important。所有的Bootstraps变量都使用!default设置,以允许开发人员进一步自定义引导程序。使用!default时,sass仅在尚未设置变量的情况下定义它。
这允许更大的灵活性。
//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是一个软件包。大多数人不编辑Bootstrap源代码。永远不要更新自举信号源。要自定义引导程序,您将添加自己的变量文件并使用引导程序代码对其进行编译,但切勿触摸本机引导程序包。Bootstrap sass的页面全面介绍了如何在文档中自定义和编译它。
我不知道为什么少不这样做。我花了很少的精力做很多工作,也不知道它是否具有内置的变量管理功能。