TW511教學網
目錄
全部教學
技術文章
SASS教學
»
Sass CSS擴充套件
目錄
1.
SASS教學
2.
Sass安裝
3.
Sass語法
4.
Sass的使用
5.
Sass巢狀規則
6.
Sass參照父選擇器
7.
Sass巢狀屬性
8.
Sass CSS擴充套件
9.
Sass預留位置選擇器
10.
Sass多行注釋插值法
11.
Sass註釋
12.
Sass互動式shell
13.
Sass變數
14.
Sass資料型別
15.
Sass數位運算子
16.
Sass顏色運算子
17.
Sass字串運算子
18.
Sass布林運算子
19.
Sass操作符
20.
Sass括號混合
21.
Sass插值
22.
Sass函式
23.
Sass SassScript &符號
24.
Sass變數預設值
25.
Sass指令碼
26.
Sass @import指令
27.
Sass @media指令
28.
Sass @extend指令
29.
Sass @at-root指令
30.
Sass @debug指令
31.
Sass @warn指令
32.
Sass @error指令
33.
Sass @規則和指令
34.
Sass if()函式
35.
Sass @if指令範例
36.
Sass @else if指令
37.
Sass @if指令
38.
Sass through關鍵字
39.
Sass to關鍵字
40.
Sass @for指令
41.
Sass @each指令範例
42.
Sass @each多重分配
43.
Sass @each多重分配與對映
44.
Sass @each指令
45.
Sass @while指令
46.
Sass控制指令&表示式
47.
Sass 定義Mixin
48.
Sass包含mixin
49.
Sass Mixin引數
50.
傳遞內容塊到Mixin
51.
Sass混入指令
52.
Sass函式指令
53.
Sass輸出樣式
54.
擴充套件Sass
Sass CSS擴充套件
關於CSS擴充套件我們在本章學習。 CSS擴充套件可以被用於增強的網頁的功能。下表列出了一些在SASS使用CSS擴充套件:
S.N.
CSS擴充套件和說明
1
巢狀規則
在彼此組合多個CSS規則的方式。
2
參照父選擇器: &
通過使用&字元選擇父選擇器的過程。
3
巢狀屬性
允許多個屬性的巢狀到另一個屬性從而導致在另一個組程式碼
相關
。
4
預留位置選擇器
SASS支援使用class和id選擇器,通過使用@extend指令的預留位置。
Sass巢狀屬性
Sass預留位置選擇器