如下圖所示：

$useTabsOnPDP: false !default;

https://stackoverflow.com/questions/10643107/what-does-default-in-a-css-property-value-mean

含義如下：

!default 在 Bootstrap Sass 中經(jīng)常使用。 它類似于反向 !important。 所有 Bootstrap 變量都使用 !default 設(shè)置，以允許開發(fā)人員進(jìn)一步自定義引導(dǎo)程序。 使用 !default sass 只會(huì)定義一個(gè)尚未設(shè)置的變量。

//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 是一個(gè)包。 大多數(shù)人不會(huì)編輯 Bootstrap 源代碼。 永遠(yuǎn)不要更新引導(dǎo)程序源。 要自定義引導(dǎo)程序，您將添加自己的變量文件并使用引導(dǎo)程序代碼編譯它，但永遠(yuǎn)不要接觸本機(jī)引導(dǎo)程序包。 Bootstrap sass 的頁面在文檔中詳細(xì)介紹了如何自定義和編譯它。

據(jù)我所知，Twitter Bootstrap 使用 LESS。 另一方面，!default 實(shí)際上是 Sass 的一部分，用于提供 Sass 變量 ($var) 默認(rèn)值，這會(huì)使它在給定的上下文中無效，即使在 Sass 中也是如此。

此外，我在 LESS 文檔中找不到任何對 !default 的引用，據(jù)我所知，它是 Sass 獨(dú)有的。 你確定你在 Bootstrap 的源代碼中找到了這個(gè)，而不是在其他地方？ 因?yàn)槔蠈?shí)說我不記得在 Bootstrap 的樣式表中看到過 Sass/SCSS 代碼。

您可以在 sass-lang 網(wǎng)站的 doc 部分（變量）中找到以下確切定義和體面的解釋 - 默認(rèn)值：

通常當(dāng)你給一個(gè)變量賦值時(shí)，如果該變量已經(jīng)有一個(gè)值，它的舊值會(huì)被覆蓋。 但是，如果您正在編寫 Sass 庫，您可能希望允許您的用戶在使用它們生成 CSS 之前配置您的庫變量。 為了實(shí)現(xiàn)這一點(diǎn)，Sass 提供了 !default 標(biāo)志。 僅當(dāng)該變量未定義或其值為 null 時(shí)，才會(huì)為該變量賦值。 否則，將使用現(xiàn)有值。

總結(jié)

以上是生活随笔為你收集整理的SCSS 文件里的感叹号用法 - 给变量设置默认值的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。