CSS代碼能否嵌套？是一個經常會被問到的問題。

代碼1： 
.header {
background-color: #fff;
height: 100px;
}
代碼2：
.header h1 {
font-size: 24px;
color: #333;
}

答案是肯定的。

這是因為在CSS中，可以將一個選擇器嵌套在另一個選擇器中。這樣做的好處是可以減少代碼的重復性，提高代碼的可讀性和可維護性。

看上面的代碼，我們可以發現，代碼1中的.header選擇器可以匹配所有class為header的元素；而代碼2中的.header h1選擇器只匹配class為header的元素內的h1元素。

接下來，我們來看一個更具體的例子。

代碼3：
.button {
background-color: green;
color: white;
text-align: center;
padding: 10px 20px;
border-radius: 5px;
font-size: 16px;
}
代碼4：
.primary-button {
.button;
}
.destructive-button {
.button;
background-color: red;
}

代碼3定義了一個通用的.button樣式，代碼4中，.primary-button和.destructive-button通過嵌套繼承了.button樣式，并且.destructive-button又對背景色進行了修改。

這樣寫CSS代碼可以大大提高代碼的復用性和可維護性。

但是，我們也要注意到，過多的嵌套會導致CSS代碼的可讀性變差。如果不加限制地嵌套下去，會導致代碼的層級過深，不利于代碼的維護。

在CSS編寫時，我們應該合理地使用嵌套，同時注意代碼的可讀性和可維護性。