CSS書寫順序在前端開發中非常重要，它不僅可以影響代碼的可讀性，還可以優化網頁加載速度。那么，CSS書寫順序應該如何安排呢？

.selector1,
.selector2 {
/* 通用樣式 */
box-sizing: border-box;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
}
.selector1 {
/* 特有樣式 */
background-color: #fff;
color: #333;
}
.selector2 {
/* 特有樣式 */
background-color: #333;
color: #fff;
}

上述代碼是一種常見的CSS書寫順序，它可以分為三個部分：

1. 通用樣式

.selector1,
.selector2 {
box-sizing: border-box;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
}

通用樣式是指在多個選擇器中都需要使用的樣式，如盒模型、字體等。在書寫時，我們可以將它們單獨放在一起，以逗號分隔。這樣可以使得代碼更簡潔，也便于后續的維護。

2. 特有樣式

.selector1 {
background-color: #fff;
color: #333;
}
.selector2 {
background-color: #333;
color: #fff;
}

特有樣式是指只在當前選擇器中需要使用的樣式，如背景顏色、文字顏色等。在書寫時，我們可以分別寫在對應的選擇器中。這樣可以使得代碼更清晰，也便于后續維護。

3. 嵌套樣式

.selector1 {
/* ... */
.nested-selector {
/* ... */
}
}

有時候，我們需要在某個選擇器下面再寫一些樣式，這時候就可以采用嵌套樣式。嵌套樣式的書寫順序也應該遵循上述的兩點，即通用樣式和特有樣式。同時，我們還需要注意縮進和代碼的層級關系。

最后，需要注意的是，CSS書寫順序并不是萬能的，我們需要根據實際情況做出一些調整，以達到最佳的效果。