寫 CSS 代碼是前端開發者必不可少的技能之一，但在寫 CSS 的過程中，避免掉入各種坑，讓 CSS 代碼更加優雅清晰是我們需要注意的事項。

首先，我們需要使用好命名規范，盡可能避免使用單個字母或不具有描述性的命名。在命名時，應該要清晰明了，讓其他人能夠輕易了解該類/ID是用來干什么的。

其次，在寫 CSS 代碼的時候盡可能遵循 KISS 原則，即“保持簡單，愚蠢即可”，盡可能少寫代碼來完成同樣的效果。我們可以通過合并同類屬性、壓縮代碼等方式來讓我們的代碼更加精簡。

在實際的代碼書寫中，我們要盡可能減少!important的使用，因為過度使用會使 CSS 代碼失去可讀性，且會對優先級造成混亂。在寫 CSS 的時候，優先權原則要清晰，將同類選擇器的代碼放在一起，減少樣式沖突的出現。

/* Bad example */
div {
color: red !important;
}
/* Good example */
.header-title {
color: red;
}

最后，在選擇器的書寫中，前后綴可以給我們的選擇器添加更多含義，以便在大型團隊開發中有效地進行代碼維護。使用前綴、后綴和 BEM 等規范可以幫助我們更好地管理 CSS 代碼。

/* Using prefix */
.sidebar-container .sidebar-list {
display: hidden;
}
/* Using BEM */
.subscribe-form__label for="email" {
font-size: 16px;
}

總而言之，寫 CSS 代碼不僅僅是書寫代碼，更是怎么去書寫使代碼更加清晰優美，更容易實現需求的過程。希望以上的建議可以幫助大家寫出更加漂亮的 CSS 代碼。