Nuxt中全局CSS需在nuxt.config.ts/js的css数组中用~/或@/开头路径引入assets下文件，如'~/assets/css/main.css'；static文件须通过head.link引入，且顺序影响优先级。
直接在 nuxt.config.ts（或 nuxt.config.js）的 css 数组里写路径，就能让样式全局生效——但路径写错、目录选错、顺序搞反，都会导致样式不加载或被覆盖。
css 数组里怎么写路径才有效
路径必须以 ~/ 或 @/ 开头，指向 assets 目录下的文件；static 目录下的 CSS 不能放这里，否则会报模块解析错误。
-
~/assets/css/main.css✅ 正确（assets下的文件会被 webpack 编译处理） -
/css/main.css❌ 错误（会被当作绝对 URL，找不到本地文件） -
static/css/main.css❌ 错误（static文件不走 webpack，应通过head.link引入） -
./assets/css/main.css❌ 错误（相对路径在 config 文件中不被识别）
assets 和 static 目录引入 CSS 的本质区别
选错目录会导致样式失效或无法热更新——assets 是源码层，支持 Sass 变量、@import、CSS Modules；static 是静态资源层，只做原样复制，适合 CDN 备份或第三方未编译 CSS。
- 用
assets：写css: ['~/assets/css/reset.scss', '~/assets/css/theme.css']，可直接用@use 'variables' - 用
static：改用app.head.link.push({ rel: 'stylesheet', href: '/css/vendor.css' })，路径以/开头，对应static/css/vendor.css - 混用时注意顺序：
css数组内靠前的样式优先级更高，重置类建议放第一位
为什么加了 css 配置却没生效
常见不是代码写错，而是开发服务器没重启，或 HMR（热更新）没触发样式重载——尤其改了 assets 下的 Sass 变量后，经常需要手动刷新页面甚至重启 nuxi dev。
立即学习“前端免费学习笔记（深入）”；
- 检查终端是否有
ERROR in ./assets/css/main.css类报错，通常是语法错误或 @import 路径不存在 - Nuxt 4 中若启用了
experimental.styleInjection，部分 CSS 可能被延迟注入，可临时关掉测试 - 使用
scoped的组件样式会隔离作用域，不要指望全局 CSS 能穿透进 scoped 区域，要用:deep()或移除scoped - 如果用了
@nuxtjs/tailwindcss，它的tailwind.config.ts里content不包含你自定义的 class 名，也可能让 PurgeCSS 误删样式
真正麻烦的不是加一行 css 配置，而是后续维护时忘了哪些样式来自 css 数组、哪些来自 head.link、哪些又混在 plugins 里动态插入——建议所有全局 CSS 集中在 assets/css/global/ 下，再统一入口导入，避免散落各处。
