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编写时，我们应该合理地使用嵌套，同时注意代码的可读性和可维护性。