CSS 不要嵌套（CSS Don't Nest）是一種編寫 CSS 樣式時的一種最佳實踐方式，其主要目的是降低樣式的復雜度和增加可讀性。使用不要嵌套的 CSS 代碼，可以讓代碼更清晰，易于維護和修改。

CSS 不要嵌套的核心思想是：不要在 CSS 聲明語句中使用嵌套。具體來說，就是避免在選擇器中使用偽類和子選擇器。

/* bad */
.header ul li a:hover {
color: red;
}
/* good */
.header-link:hover {
color: red;
}
/* bad */
.sidebar ul li p {
font-size: 14px;
}
/* good */
.sidebar p {
font-size: 14px;
}

以上代碼示例說明了不要嵌套的 CSS 代碼和嵌套的 CSS 代碼之間的區別。

使用不要嵌套的 CSS 代碼，可以讓代碼更加簡潔，易于維護。不要嵌套還可以避免樣式的污染，避免產生不必要的樣式沖突。如果你在一個復雜的應用中使用 CSS，不要嵌套可以讓代碼更加清晰易懂。

總之，不要嵌套是一種最佳實踐方式，可以提高代碼的可維護性和可讀性。希望在編寫 CSS 樣式時，大家能夠遵循不要嵌套原則，編寫出更加高效、簡潔、易維護的 CSS 代碼。