iT邦幫忙

2024 iThome 鐵人賽

DAY 5
0
自我挑戰組

Web Franework -SASS/SCSS系列 第 5

Day 5 - SASS進階應用1

  • 分享至 

  • xImage
  •  

#條件判斷
條件判斷是寫程式非常常用到的一種功能語法,我們可以根據不同的條件生成對應的樣式。因此這個語法特別適合應用在多樣化的設計需求,像是在網頁有不同主題時,我們可以針對不同主題去設計不一樣的文字樣式、主題顏色等等。
常用的條件判斷語句:
@if, @else if, @else

#迴圈操作
有條件判斷,那肯定是也會有迴圈操作!迴圈的操作可以讓我們根據某個模式,來生成多組樣式,由此可知,迴圈是一個非常高效的功能語法,能幫助我們避免撰寫大量重複的代碼。
常用的迴圈操作語句:
@for, @each, @while

今天的SASS進階應用就到這邊,明天還有安排一部份的SASS進階應用。
加油!!!


上一篇
Day 4 - 繼承、Mixin
下一篇
Day 6 - SASS進階應用2
系列文
Web Franework -SASS/SCSS26
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言