1. 程式人生 > >小白Sass教程---通過例項學Sass--第二講--變數

小白Sass教程---通過例項學Sass--第二講--變數

1、變數宣告:
$宣告一個sass變數
$highlight-color: #F90;

2、變數使用
span{     color : $highlight-color //給span標籤定義顏色 }
3、作用域:
{}塊內宣告,作用域在塊內 在最外面,作用域為全域性
4、如果全域性變數和區域性變數重名會怎樣?
會應用塊內的變數。如果塊內有定義該變數,優先用塊內的變數,如果塊內沒有定義,使用全域性變數
5、變數可以巢狀
這裡有兩個變數,其中$highlight-border變數嵌套了$highlight-color變數 $highlight-color: #F90; $highlight-border: 1px solid $highlight-color;
6、變數命名規範
變數可以含有下劃線和中劃線,建議中劃線。 中劃線的變數可以下劃線呼叫,反之也可以,也就是$highlight-color變數, 呼叫時寫成$highlight_color也可以正確呼叫,我個人覺得沒有意義,為了程式碼可讀性和規範性,我覺得應該選用一種方式宣告和呼叫。

例項通過第一講的連結下載