在編寫網站或應用程序時，通過程序的層級，在許多頁面或組件上復用樣式代碼是很常見的。這樣做能夠減少代碼重復、提高效率，并維護相似模式下的樣式統一性。

在CSS中，公共樣式通常被在單獨的文件中編寫。編寫這些樣式時，我們需要遵循特定的規則以確保應用程序中的所有組件都能訪問這些樣式。以下是一些書寫CSS公共樣式的有效方法：

/*使用id選擇器*/
#header {
background-color: yellow;
height: 60px;
}
/*使用類選擇器*/
.button {
display: inline-block;
color: #ffffff;
background-color: #007bff;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
}
/*使用通用選擇器*/
* {
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
}
/*使用屬性選擇器*/
a[target="_blank"] {
color: #007bff;
}

使用id選擇器時，為ID屬性添加一個#號即可。使用類選擇器時，要在類名前面添加一個點。使用通用選擇器時，*將被替換為所有元素。屬性選擇器可以基于元素的特定屬性或屬性值創建一個類。

在為大型項目編寫CSS時，保持公共代碼集合的整潔是至關重要的。考慮將樣式按照相關性分組，并將它們寫在單獨的文件中，例如“common.css”或“global.css”。從代碼重構的角度來看，這種標準化的方法還是很有幫助的。同樣，確保公共代碼明確地呈現層次結構，也會是非常有用的， 它允許應用程序中所有組件的開發人員更易于使用。\