css nesting

CSS nesting 是指在 CSS 规则中嵌套另一个规则，使样式更加模块化和易于维护。CSS nesting 可以通过使用嵌套选择器来实现，如下所示：

.parent {
  /* parent 的样式 */
  .child {
    /* child 的样式 */
  }
}

在上面的示例中，`.child` 是嵌套在 `.parent` 内部的规则，它的样式只会应用于 `.parent` 元素内部的 `.child` 元素。

CSS nesting 有助于减少代码量，使代码更加清晰易懂。但是需要注意的是，过度嵌套可能会影响性能，因此需要谨慎使用。