日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > CSS >内容正文

CSS

SCSS 文件里的感叹号用法 - 给变量设置默认值

發布時間:2023/12/19 CSS 39 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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 文件里的感叹号用法 - 给变量设置默认值的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。