在CSS中，樣式無重復的原則是非常重要的。在編寫CSS代碼時，我們經常需要在多個元素中應用相同的樣式。如果我們重復了相同的樣式，會導致CSS代碼冗長并且難以維護。因此，遵守樣式無重復的原則可以提高CSS代碼的可維護性和性能。

一種常見的錯誤是在多個元素中使用相同的樣式選擇器。例如，如果我們有3個不同的元素需要應用相同的樣式，我們很容易會將重復的樣式選擇器寫3次，像這樣：

.selector {
color: red;
}
.other-selector {
color: red;
}
.another-selector {
color: red;
}

這樣做雖然可以實現我們的目的，但是這樣的CSS代碼會變得冗長。如果我們需要修改這個樣式，我們需要在三個地方修改，這樣會浪費時間和精力。

相反，我們可以先定義一個通用的樣式選擇器，然后在需要應用這個樣式的元素中使用這個選擇器。這樣就可以避免重復的樣式選擇器。例如：

.text-selector {
color: red;
}
.selector, .other-selector, .another-selector {
/* 使用通用選擇器 */
composes: text-selector;
}

使用"composes"屬性，我們可以將通用選擇器應用于具體的元素。這樣，我們就可以避免重復的樣式選擇器，并且代碼更加簡潔和易于維護。

在實際的項目中，我們還可以使用CSS預處理器，如Sass或Less，來實現樣式無重復的原則。使用預處理器的"mixin"功能，我們可以將相同的樣式組合到一個可重用的單元中。例如：

.text-selector {
color: red;
}
.selector {
/* 使用mixin */
@include text-selector;
}
.other-selector {
/* 使用mixin */
@include text-selector;
}
.another-selector {
/* 使用mixin */
@include text-selector;
}

通過使用預處理器的mixin功能，我們可以更方便地實現樣式無重復的原則，并且提高了代碼的可讀性和可維護性。