5.5 繼承、占位符和混合宏
很多初學者剛剛接觸的時候,都容易糾結什麼時候用混合宏,什麼時候用繼承,然後什麼時候用占位符。其實,這3個都有它們自身的優缺點。這一節我們來詳細探討一下這3個在實際開發中的
6.1 Sass流程控制
提到流程控制,大家可能有點陌生,但是提到“if、for、while、each”這些,大家就很熟悉了。跟JavaScript一樣,Sass作為一門編程式的語言,也有屬於自己
6.2 @if語句
在Sass中,我們可以使用“@if語句”來進行條件選擇判斷。Sass的條件選擇語句共有3種:
6.3 @for循環
接觸過Boostrap的小伙伴,估計都見過.col1~.col12這樣的樣式。在CSS中,對於這種樣式我們一般都需要一個一個地書寫。但是在Sass中,我們可以使用@for
6.4 @while循環
在Sass中,我們也可以使用@while語句來實現循環操作。跟JavaScript一樣,@while語句既是循環語句,也是條件判斷語句。
6.5 @each循環
除了@for以及@while這2種循環方式之外,Sass還為我們提供了另外一種循環方式:each循環。Sass中的each循環跟jQuery中的each循環很相似,大家對
6.6 本章總結
Sass作為一門編程式的語言,也有屬於自己的一套流程控制語法。(1)@if語句; (2)@for循環; (3)@while循環; (4)@each循環; 一、@if語句在