在進行網站開發時，很多開發者都會遇到一個棘手的問題：寫的 CSS 無法復用。這種情況下，通常會出現重復編寫 CSS 代碼的情況，導致代碼量增加，而且維護起來也比較麻煩。

造成這種情況的原因通常有以下幾點：

1. 沒有使用選擇器進行分類：許多開發者在寫 CSS 的時候，只定義了某個元素的樣式，而沒有使用選擇器進行分類。這就導致了相同的樣式在不同的元素中重復出現，從而不能復用。
2. 沒有考慮到細節：有時候，開發者寫 CSS 時沒有考慮到頁面中各個元素之間的細微差別。比如，在一個列表中，每一個元素都要有個小圓點，可能有些開發者會每個元素都寫一個 li:before 的樣式，這樣做就無法復用了。
3. 不夠抽象：在 CSS 中，我們經常會用到抽象的概念，比如定義一個樣式，然后在其他元素中使用這個樣式。但是有些開發者不夠抽象，比如他們可能會寫一個 .center 的樣式，但是這個樣式只適用于某個元素，不能復用在其他元素中。

如何解決這個問題呢？以下是一些常用的解決方案：

1. 使用類選擇器：為了避免重復編寫相同的樣式，我們可以使用類選擇器進行分類，并在 HTML 中使用這些類名。這樣，我們只需要定義一次樣式，就可以在多個元素中使用了。
2. 使用偽類選擇器：類似于類選擇器，偽類選擇器也能幫助我們避免重復編寫樣式。比如在列表中定義一個 li:before 的樣式，就可以在多個元素中使用了。
3. 抽象化：為了能夠復用 CSS 樣式，我們需要把它們定義成更加抽象的概念，比如定義一個 .clearfix 的樣式就可以用來處理 clearfix 的問題。

總之，要想寫出可復用的 CSS 樣式，就需要仔細考慮代碼的結構，使用選擇器分類，避免重復編寫樣式，并定義抽象化的概念。這樣，我們就可以寫出更加干凈、易維護的代碼了。