你知道的和不知道的sass

2022-05-03 01:24:10 字數 1036 閱讀 8073

關於sass,大多數人的認識乙個寫css的工具而已

其實就是的

但是這個工具的威力你發揮了多少呢。。。

以下全部都是乾貨,希望你能用在自己的專案裡

定義集合

我們通常是這麼定義變數的

$warning-color: #ffa200;

$success-color: #62ad47;

$danger-color: #ea4335;

$info-color: #369af3;

其實變數還可以這麼定義

$colors: (warning $warning-color) (danger $danger-color) (success $success-color) (info $info-color);

我們定義了上邊的變數集合

這個有什麼用呢

遍歷物件

@each $color in

$colors

}

我們使用@each遍歷剛剛那個集合,nth是獲取集合的值

這個得到的css是這樣的

.text-warning 

.text-danger

.text-success

.text-info

這樣我們就可以迅速的根據型別來擴充套件樣式了

迴圈

@for $i from

1 through 12

}

通過for迴圈生成了乙個簡單的布局 ,結果是這樣的

.col-1

.col-2

.col-3

.col-4

.col-5

.col-6

.col-7

.col-8

.col-9

.col-10

.col-11

.col-12

你不知道的 和

開發中,編寫有一定逼格的 是每個程式猿都追求的。經常用來判斷的符號 和 也經常用來定義變數哦,你知道嗎?邏輯與 在有乙個運算元不是布林值的情況下,就不一定返回布林值。比如以下情況 1 第乙個運算元是物件,返回第二個數 var myinfo console.log myinfo 2 輸出22 第二個運...

不知道不知道

函式分析 希爾伯特 哥德爾不完備定理 哥德爾不完全性定理一舉粉碎了數學家兩千年來的信念。他告訴我們,真與可證是兩個概念。可證的一定是真的,但真的不一定可證。某種意義上,悖論的陰影將永遠伴隨著我們。無怪乎大數學家外爾發出這樣的感嘆 上帝是存在的,因為數學無疑是相容的 魔鬼也是存在的,因為我們不能證明這...

不知道不知道

函式分析 希爾伯特 哥德爾不完備定理 哥德爾不完全性定理一舉粉碎了數學家兩千年來的信念。他告訴我們,真與可證是兩個概念。可證的一定是真的,但真的不一定可證。某種意義上,悖論的陰影將永遠伴隨著我們。無怪乎大數學家外爾發出這樣的感嘆 上帝是存在的,因為數學無疑是相容的 魔鬼也是存在的,因為我們不能證明這...