nuxt3的postcss如何使用嵌套语法

Nuxt 3 的 PostCSS 默认集成了 postcss-nested 插件，可以使用嵌套语法。

首先，在项目根目录下创建 postcss.config.js 文件，添加如下配置：

module.exports = {
  plugins: {
    'postcss-nested': {}
  }
}

然后，在样式文件中使用嵌套语法即可：

.parent {
  color: red;

  .child {
    font-weight: bold;
  }
}

编译后的样式为：

.parent {
  color: red;
}

.parent .child {
  font-weight: bold;
}