CSS中的循環可以幫助我們更方便地編寫樣式。循環可以在CSS中重復執行一些操作，如生成多個樣式規則、生成多個選擇器等。

/* 使用for循環生成多個樣式規則 */
@for $i from 1 to 5 {
.btn-#{$i} {
font-size: 14px * $i;
}
}
/* 生成的樣式規則如下 */
.btn-1 {
font-size: 14px;
}
.btn-2 {
font-size: 28px;
}
.btn-3 {
font-size: 42px;
}
.btn-4 {
font-size: 56px;
}
.btn-5 {
font-size: 70px;
}

在循環中，我們使用了Sass的for語法來生成了五個帶有不同字號的按鈕類，樣式規則的數量可以輕松應對不同場景的需求。

/* 使用@each循環生成多個選擇器 */
@each $color in red, green, blue {
.bg-#{$color} {
background-color: $color;
}
}
/* 生成的選擇器如下 */
.bg-red {
background-color: red;
}
.bg-green {
background-color: green;
}
.bg-blue {
background-color: blue;
}

在這個循環中，我們使用了Sass的@each語法來生成三個背景顏色選擇器，可以方便地將某個類與多個顏色關聯起來。

總之，CSS中的循環語法可以幫助我們更方便地編寫樣式，提高代碼的復用性和可讀性，值得掌握。