在前端開發中，CSS 是不可缺少的部分。它能夠使網頁變得更加美觀、有趣，甚至可以提高用戶的體驗。但有時候，我們寫 CSS 很容易讓代碼變得混亂難懂，這時候就需要學會一些好的寫法。

首先，我們應該盡可能地使用類選擇器。類選擇器可以讓我們在多個元素中添加相同的樣式，而且也更加易于理解。另外，如果需要同時設置多個樣式，我們可以將它們放在一起，用逗號隔開。

.content, .sidebar {
padding: 20px;
background-color: #eee;
border: 1px solid #ccc;
}

其次，我們應該盡可能地避免使用全局樣式。全局樣式很容易引起沖突，并且當我們需要修改樣式時也比較麻煩。為了避免這種情況，我們可以使用 BEM 等命名規范來給元素加上類名。

.person__name {
font-size: 16px;
font-weight: bold;
}
.person__age {
font-size: 14px;
color: #666;
}

另外，我們還應該盡可能地減少嵌套。嵌套可以讓我們更靈活地控制樣式，但如果嵌套過深，代碼就會變得難以維護。我們可以使用嵌套的方式來表示“父子”關系，但最好不要超過三層。

.container {
.header {
font-size: 24px;
margin-bottom: 20px;
}
.content {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
.footer {
font-size: 14px;
color: #666;
}
}

最后，我們還可以使用一些工具來幫助我們寫 CSS。例如，我們可以使用預處理器（如 Sass）來簡化樣式的編寫，使用 PostCSS 來自動添加瀏覽器前綴，使用 CSS Reset 來初始化樣式等等。

總之，寫好 CSS 不僅需要良好的思維習慣，還需要不斷積累經驗。只要我們不斷學習、總結，我們就能夠寫出更清晰、更易于維護的代碼。