sass多個顏色文字

2021-08-21 03:10:07 字數 440 閱讀 4414

沒什麼技術含量,完全就當日記寫

場景:遇到乙個列表,裡面花花綠綠的,有很多種顏色,就用span來包,但是顏色呢,我又不想乙個乙個寫color,正好顏色要求不高,就用標準的red、green這種來寫,所以就起了redspan、greenspan這樣的類名,這樣一看,如果不用sass寫的好看點真的過不去了

於是就開始查sass的用法,以前都是用最簡單的巢狀屬性,一下子想不起來用什麼,查了一通,反正最後**是這樣的,不講了,挺簡單的

$name-list: red green orange;

@each

$color

in$name-listspan

}

如果要寫個檔案看看輸出對不對,那就用node-sass好了,裝起來簡單,全域性安裝,然後node-sass –watch input.scss output.css

Sass 顏色函式

1 2 sass 顏色函式 3 rgb 顏色函式 4 1.rgb red,green,blue 根據紅 綠 藍三個值建立乙個顏色 5 rgb 200,40,88 根據r 200,g 40,b 88計算出乙個十六進製制顏色值 6 c82858 7 2.rgba red,green,blue,alpha...

Sass函式 顏色函式 RGB顏色函式

rgb顏色函式 rgb 顏色函式 主要分為rgb,hsl和opacity三大函式,當然其還包括一些其他的顏色函式,比如說 adjust color 和 change color 等。1 rgb顏色函式 rgb 顏色只是顏色中的一種表示式,其中 r 是 red 表示紅色,g 是 green 表示綠色而...

文字顏色漸變

御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測試文字 御用測...