在CSS中，我們可以使用相同的樣式來設置不同元素的外觀，但是效果可能是不同的。

比如，我們可以使用相同的字體、大小和顏色來設置兩個不同的段落，但這兩個段落的排版和間距卻可能會有所不同。

p {
font-family: Arial;
font-size: 14px;
color: #333;
}
/* 第一個段落 */
p:first-of-type {
margin-top: 20px;
line-height: 1.5;
}
/* 第二個段落 */
p:last-of-type {
margin-top: 10px;
line-height: 1.2;
}

在上述代碼中，我們使用了相同的字體、大小和顏色來設置所有段落的外觀。但是，通過使用:first-of-type和:last-of-type偽類來針對不同的段落設置不同的間距和行高，我們可以創建兩個看起來很不同的段落。

在CSS中，也可以通過使用一些不同的屬性和值來創建不同的效果。比如，使用不同的邊框樣式和顏色，可以創建不同的按鈕效果。

button {
font-size: 16px;
padding: 10px;
border: solid 2px #333;
border-radius: 5px;
background-color: #fff;
color: #333;
cursor: pointer;
}
/* 創建一個懸停樣式 */
button:hover {
background-color: #333;
color: #fff;
}
/* 創建一個禁用樣式 */
button:disabled {
border-color: #ccc;
background-color: #ccc;
color: #666;
cursor: not-allowed;
}

在上述代碼中，我們使用了相同的字體大小、內邊距、邊框半徑和光標樣式來設置所有按鈕的外觀。但是，通過使用:hover和:disabled偽類，我們可以創建不同的懸停和禁用效果。