scss 宣告變數與引用

2022-08-02 10:21:11 字數 454 閱讀 7088

一、變數的宣告

使用$符號可以標識乙個變數

$bg-color: #ffffff;

二.變數的引用:

變數的引用有乙個原則,那就是標準css屬性值存在的地方,變數就可以存在。

當編譯成css檔案的時候,變數會被變數值所替代。當要修改css的乙個屬性值時,只要修改對應的變數值即可,沒有必要處處修改,這也是scss的優點之一。

.page

在宣告變數的時候,還可以再引用其他變數,**如下:

$white-color: #ffffff;

$my-border: 1px solid $white-color;

.my-table

編譯成css**如下:

.my-table

scss中宣告變數

1.scss中定義變數 bg color ed795a 也可以 bg color ed795a default 這樣寫 default 表示是預設值 btn default btn default scss中的變數也存在作用域,類似於js中的區域性變數 bg color ed795a btn def...

scss值列表 SCSS筆記1 變數

名詞解釋 li 包起來,表示這是個變數名。字串變數 變數的值如果是字串,一定要用單引號引起來,儘管不引起來也不會出錯。單引號引起來是為了能一眼認出這是變數的值而且是字串值,而不是普通屬性的值。唯一例外是css中類似initial或sans serif的識別符號無須引用起來。乙個最典型的例子 bord...

scss 變數作用域

scss之所以便利,是因為它具有了程式語言的某些特性。讓原本規則刻板的css變的靈活起來,下面介紹一下scss中的作用域概念。幾乎所有程式語言都有作用域概念的涉及,原理大同小異,scss中的也是如此。scss中,變數具有兩種作用域型別 1 全域性作用域。2 區域性作用域。預設情況下,定義在選擇器之內...