sass變數的作用域

2022-03-14 19:17:42 字數 836 閱讀 8647

巢狀規則內定義的變數只能在巢狀規則內使用（區域性變數），不在巢狀規則內定義的變數則可在任何地方使用（全域性變數）。
<


div 


class


="test"


>111111111


div>


<


div 


class


="test2"


>111111111


div>
css：

$fs2:20px;


.test.test2
結果：區域性的$fs2只在test有用，並沒有覆蓋全域性的，所以在test2中，依然是全域性 $fs2的值。

將區域性變數轉換為全域性變數可以新增!global宣告，這之後使用此變數，將會是改變後的值

$fs2:20px;


.test.test2
結果：test2也是30px

區域性或者全域性重複宣告，後者覆蓋前者：

$fs2:20px;


.test$fs2:30px;


.test2
結果：在全域性重複宣告了$fs2，test2使用的是後者的30px

sass與less變數 插值 作用域的差異

less是以 開頭的，而sass是以 開頭的。sass num 100px box結果 boxless num 100px box結果 boxless和sass 可以通過插值的方法命名乙個屬性。變數名需要加乙個大括號。less key margin box auto sass的寫法同理 sass只會...

作用域，變數作用域，作用域鏈知識

第2章 變數作用域 第3章 作用域鏈 預覽 1.全域性作用域 整個script標籤下 或者是單獨的js檔案 外部js 2.區域性作用域也叫 函式作用域 在函式內部就是區域性作用域 這個 的名字 變數 只在函式內部起作用和效果 3.不同作用域下，定義相同變數名是不衝突的。如果是在同一作用域宣告2個相同...

變數的作用域

1 int i for i 0 i 10 i text console.writeline last text output in loop text 失敗，字串變數text是for迴圈的區域性變數，這段 不能編譯，因為在該迴圈外部呼叫的console.writeline 試圖使用該變數text，這...