sass @each指令包含列表中每個專案的值。它也可用於多個分配以及帶有地圖的多個分配。
簡單的@each指令
@each指令具有多個分配
@each指令具有多個分配和對映
在sass簡單的@each指令中, 定義了乙個變數, 該變數由列表中每個專案的值組成。
句法：@each $var in
引數說明：
$ var：它指定變數的名稱。 @each規則為列表中的每個專案設定$ var, 並使用$ var的值為輸出提供樣式。
：和是sassscript表示式, 可返回列表或地圖
讓我們以乙個示例來演示sass @each指令的用法。我們有乙個名為」 ******.html」的html檔案, 其中包含以下資料。
html檔案：******.html
@each directive example
this is first paragraph.
this is second paragraph.
this is third paragraph.
this is fourth paragraph.
建立乙個名為」 ******.scss」的scss檔案, 其中包含以下資料。
scss檔案：******.scss
@each $color in pink, violet, yellow, blue ;
將兩個檔案都放在根資料夾中。
現在, 開啟命令提示符並執行watch命令, 以告知sass監視檔案並在更改sass檔案時更新css。
執行以下**：sass –watch ******.scss：******.css
它將在同一目錄中自動建立乙個名為」 ******.css」的普通css檔案。
例如：建立的css檔案」 ******.css」包含以下**：
.p_pink
.p_violet
.p_yellow
.p_blue
現在, 執行上面的html檔案, 它將讀取css值。
輸出
scss值列表 SCSS筆記1 變數
名詞解釋 li 包起來，表示這是個變數名。字串變數 變數的值如果是字串，一定要用單引號引起來，儘管不引起來也不會出錯。單引號引起來是為了能一眼認出這是變數的值而且是字串值，而不是普通屬性的值。唯一例外是css中類似initial或sans serif的識別符號無須引用起來。乙個最典型的例子 bord...
scss值列表 sass列表函式
join 函式是將兩個列表連線合併成乙個列表。join 10px 20px,30px 40px 10px 20px 30px 40px join blue,red abc,def 0000ff,ff0000,aabbcc,ddeeff join blue,red abc def 0000ff,ff0...
Python列表如何更新值
序列是python中最基本的資料結構。序列中的每個元素都分配乙個數字 它的位置，或索引，第乙個索引是0，第二個索引是1，依此類推。python有6個序列的內建型別，但最常見的是列表和元組。序列都可以進程式設計客棧行的操作包括索引，切片，加，乘，檢查成員。此外，python已經內建確定序列的長度以及確...