CSS中的each是一個很有用的函數，可以讓我們在樣式表中使用循環，從而避免重復的代碼。使用each可以使我們的CSS代碼更加簡潔、易于維護。

每個CSS規則都是由選擇器和聲明塊組成的。在聲明塊中，我們可以為元素設置屬性和值，但如果要設置多個元素的相同屬性，就需要重復書寫相同的代碼。在這種情況下，使用each函數可以幫助我們避免這種冗余。

/* 假設我們需要給多個元素設置相同的字體顏色 */
p {
	color: red;
}
h1 {
	color: red;
}
h2 {
	color: red;
}
/* 使用each函數來優化上述代碼 */
@each $element in p, h1, h2 {
	#{$element} {
color: red;
	}
}

在上面的代碼中，我們使用了Sass語法中的each函數。通過循環遍歷變量$element中的元素列表，我們就可以為這些元素同時設置相同的顏色。可以看到，這種方式非常簡潔和直觀，能夠有效地減少代碼量。

不僅如此，CSS中的each函數還可以結合其他函數，從而實現更加復雜的樣式效果。例如，我們可以配合使用map函數和nth函數，以實現對元素的有序編號和樣式設置。

/* 使用each函數和map函數，將元素編號存儲為變量，然后進行屬性設置 */
$colors: (1: red, 2: blue, 3: green);
@each $number, $color in $colors {
	p:nth-of-type(#{$number}) {
color: $color;
	}
}

上面的代碼使用了map函數，將每個元素的編號和顏色都存儲在了一個$colors變量中。然后，使用each函數遍歷每個元素，并使用nth-of-type函數進行有序編號。最終，我們可以為每個元素設置不同的字體顏色。在這個例子中，使用each函數非常重要，因為我們需要設置的元素數量較多，如果沒有循環，那么代碼就會變得非常冗余。

總之，CSS中的each函數可以有效地減少代碼量，提高代碼的可維護性和可讀性，對于多個元素需要設置相同或不同的屬性值的情況下，都是一個非常實用的工具。