SCSS 文件里的感叹号用法 - 给变量设置默认值
如下圖所示:
$useTabsOnPDP: false !default;https://stackoverflow.com/questions/10643107/what-does-default-in-a-css-property-value-mean
含義如下:
!default 在 Bootstrap Sass 中經常使用。 它類似于反向 !important。 所有 Bootstrap 變量都使用 !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 的頁面在文檔中詳細介紹了如何自定義和編譯它。
據我所知,Twitter Bootstrap 使用 LESS。 另一方面,!default 實際上是 Sass 的一部分,用于提供 Sass 變量 ($var) 默認值,這會使它在給定的上下文中無效,即使在 Sass 中也是如此。
此外,我在 LESS 文檔中找不到任何對 !default 的引用,據我所知,它是 Sass 獨有的。 你確定你在 Bootstrap 的源代碼中找到了這個,而不是在其他地方? 因為老實說我不記得在 Bootstrap 的樣式表中看到過 Sass/SCSS 代碼。
您可以在 sass-lang 網站的 doc 部分(變量)中找到以下確切定義和體面的解釋 - 默認值:
通常當你給一個變量賦值時,如果該變量已經有一個值,它的舊值會被覆蓋。 但是,如果您正在編寫 Sass 庫,您可能希望允許您的用戶在使用它們生成 CSS 之前配置您的庫變量。 為了實現這一點,Sass 提供了 !default 標志。 僅當該變量未定義或其值為 null 時,才會為該變量賦值。 否則,將使用現有值。
總結
以上是生活随笔為你收集整理的SCSS 文件里的感叹号用法 - 给变量设置默认值的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SASS 和 SCSS 的区别
- 下一篇: SAP UI5 使用 CSS 的一些注意