sass用法總結（持續更新中）

官網：

1，巢狀規則

1.1普通巢狀：sass 允許將一套 css 樣式巢狀進另一套樣式中，內層的樣式將它外層的選擇器作為父選擇器

1.2父選擇器 &：（hover）

在巢狀 css 規則時，有時也需要直接使用巢狀外層的父選擇器，例如，當給某個元素設定hover樣式時，或者當body元素有某個 classname 時，可以用&代表巢狀規則外層的父選擇器。　　

a body.firefox & }

編譯為

a 

a:hover 
body.firefox a

編譯後的 css 檔案中&將被替換成巢狀外層的父選擇器，如果含有多層巢狀，最外層的父選擇器會一層一層向下傳遞：

#main }

}編譯為
#main #main a #main a:hover

&必須作為選擇器的第乙個字元，其後可以跟隨字尾生成復合的選擇器，例如

#main }

編譯為#main #main-sidebar

當父選擇器含有不合適的字尾時，sass 將會報錯。

2，變數

2.1 sassscript 最普遍的用法就是變數，變數以美元符號開頭，賦值方法與 css 屬性的寫法一樣：

$width: 5em;

//直接使用即呼叫變數：
#main 
//變數支援塊級作用域，巢狀規則內定義的變數只能在巢狀規則內使用（區域性變數），不在巢狀規則內定義的變數則可在任何地方使用（全域性變數）。將區域性變數轉換為全域性變數可以新增 !global 宣告：
#main 
#sidebar 
編譯結果為：
#main 
#sidebar

2.2  vuecli3中使用全域性變數：

3，混合器：

可以通過sass的混合器實現大段樣式的重用

@mixin rounded-corners 

notice 
//sass最終生成：
.notice

在.notice中的屬性border-radius-moz-border-radius和-webkit-border-radius全部來自rounded-corners這個混合器。

混合器使用@mixin識別符號定義。然後就可以在你的樣式表中通過@include來使用這個混合器，放在你希望的任何地方。@include呼叫會把混合器中的所有樣式提取出來放在@include被呼叫的地方。

通過使用引數，你可以使用混合器把你樣式中的通用樣式抽離出來，然後輕鬆地在其他地方重用。實際上，混合器太好用了，一不小心你可能會過度使用。大量的重用可能會導致生成的樣式表過大，導致載入緩慢。

Qt QDialog用法總結 筆記 持續更新中

include mainwindow.h include include include include include include includemainwindow mainwindow qwidget parent qmainwindow parent connect modelessdi...

Git 用法總結，持續更新

從當前分支切換到本地已有目標分支git chekcout local branch從當前分支建立新本地分支並切換到此分支git checkout b new branch從branch name中檢出file name到當前分支git checkout branch name file name從c...

sass用法總結

一 sass安裝 1 移除原有的ruby源位址 gem sources remove 2 新增可用的ruby源位址 gem sources a 3 安裝sass gem install sass 4 sublime支援scss檔案高亮顯示 借助package control安裝sass外掛程式，之後...