在web頁面開發(fā)中，經常會出現(xiàn)多個元素需要使用相同的css樣式，這時我們可以利用優(yōu)化方法減少冗余代碼，并提高代碼的可維護性。

.class1, .class2, .class3 {
font-size: 16px;
color: #333;
}

上述代碼為三個class分別賦予了相同的css樣式，使用逗號分隔，可以一次性給多個元素或class指定同樣的樣式。這將大大簡化css代碼的數(shù)量。但是，在實際項目中，可能會有更多元素或class需要相同的樣式，如何優(yōu)化呢？

首先，可以使用通配符“*”來為所有元素指定相同的樣式。如下：

* {
margin: 0;
padding: 0;
}

以上代碼將給所有元素去掉默認margin和padding，是相當常用的初始化樣式。

其次，可以使用css預處理器，如Sass、Less，利用繼承等高級語法來提高代碼的可維護性。如下：

.common-style {
font-size: 16px;
color: #333;
}
.class1 {
@extend .common-style;
}
.class2 {
@extend .common-style;
}
.class3 {
@extend .common-style;
}

以上代碼使用Sass語法，將共同的樣式定義在一個.common-style的class內，其他class通過@extend繼承，這樣可以減少冗余代碼，并且只需要更改.common-style的代碼，就可以同時修改所有繼承的class樣式。