` is rendered. Nuxt 2 correctly only includes the styles from `One.vue`.\r\n\r\nIf unrelated (and is considered to be an issue) i am happy to open a separate report.\r\n\r\n### Additional context\r\n\r\nWe are in the process of migrating our Nuxt 2 app to Nuxt 3 and are running into multiple complications - this is one of them.\r\n\r\nIn the case of developing an app from scratch this would not be an issue because it would inform the development style.\r\n\r\nHowever, in our case some of the global styles get overridden by rules at the component level. The new order in Nuxt 3 causes this to break.\r\n\r\n### Logs\r\n\r\n_No response_",[2933,2934],{"name":2879,"color":2880},{"name":2866,"color":2867},25393,"Discrepancies in production build styles order (compared to nuxt 2)","2024-01-26T20:16:35Z","https://github.com/nuxt/nuxt/issues/25393",0.6590181,{"labels":2941,"number":2947,"owner":2869,"repository":2869,"state":2883,"title":2948,"updated_at":2949,"url":2950,"score":2951},[2942,2945,2946],{"name":2943,"color":2944},"stale","ffffff",{"name":2866,"color":2867},{"name":2892,"color":2893},6753,"nuxt generate: CSS not included in head","2023-01-22T15:34:46Z","https://github.com/nuxt/nuxt/issues/6753",0.6594513,{"description":2953,"labels":2954,"number":2964,"owner":2869,"repository":2869,"state":2883,"title":2965,"updated_at":2966,"url":2967,"score":2968},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.16.0\r\n- Nuxt Version: 3.4.3\r\n- Nitro Version: 2.3.3\r\n- Package Manager: npm@9.6.5\r\n- Builder: vite\r\n- User Config: srcDir, ssr, modules, dir\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nMinimal repro: https://stackblitz.com/edit/nuxt-starter-ycw6ts\n\n### Describe the bug\n\nThe output order between \u003Clink rel=\"stylesheet\"> in template and \u003Cstyle> in component is different between SSR=true and SSR=false. \r\n\r\nFor example the following App.vue: \r\n```\r\n\u003Ctemplate>\r\n...\r\n\u003CHead>\r\n\u003CLink id=\"theme-link\" rel=\"stylesheet\" href=\"/public.css\" /> NOTE: the reason I use Link here is that later in the code I can use id to dynamically change this public.css's location. \r\n...\r\n\u003C/template>\r\n\u003Cstyle src=\"@/assets/override.scss\" />\r\n```\r\nMy expectation would be override.scss content has to happen after public.css since override.scss could be overriding stuff from public.css. I have noticed that when SSR=true, the order is expected. But when I set SSR=false, the override.scss content actually is before public.css. \r\n\r\nMinimal Repro Link is here: https://stackblitz.com/edit/nuxt-starter-ycw6ts (button is blue when SSR=true, but is red when SSR=false)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2955,2956,2959,2962],{"name":2879,"color":2880},{"name":2957,"color":2958},"bug","d73a4a",{"name":2960,"color":2961},"vite","3574D1",{"name":2963,"color":2918},"🔨 p3-minor",20662,"CSS Loading Order Inconsistent (SSR vs no SSR)","2024-03-11T18:15:45Z","https://github.com/nuxt/nuxt/issues/20662",0.66017205,{"labels":2970,"number":2972,"owner":2869,"repository":2869,"state":2883,"title":2973,"updated_at":2974,"url":2975,"score":2976},[2971],{"name":2892,"color":2893},9351,"The order of reading css changes when node_env ='production'","2023-01-18T22:05:29Z","https://github.com/nuxt/nuxt/issues/9351",0.6608576,{"description":2978,"labels":2979,"number":2982,"owner":2869,"repository":2869,"state":2883,"title":2983,"updated_at":2984,"url":2985,"score":2986},"### Version\n\n[2.2.0](https://github.com/nuxt.js/releases/tag/2.2.0)\n\n### Reproduction link\n\n[https://github.com/AndrewBogdanovTSS/nuxt-css-order](https://github.com/AndrewBogdanovTSS/nuxt-css-order)\n\n### Steps to reproduce\n\n- Clone the repo\n- $ nuxt build\n- $ nuxt start\n\n### What is expected ?\n\nSwiper active control has orange color and positioned at the bottom http://take.ms/UsNSR\n\n### What is actually happening?\n\nSwiper active control has blue color and has a shift of 10px\nhttp://take.ms/ZDjz0\n\n### Additional comments?\n\nThis issue is happening due to a fact that order of extracted css files is wrong when extractCSS is in use. \n`vendors.css` is placed after `app.css` this is causing vendor styles to override stylesheets defined by the user\nhttp://take.ms/ynVEVK \nhttp://take.ms/D8FH9\n\n\u003C!--cmty-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8052\">#c8052\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2980,2981],{"name":2866,"color":2867},{"name":2892,"color":2893},4219,"CSS Order is different when extractCSS is used","2023-01-22T15:30:07Z","https://github.com/nuxt/nuxt/issues/4219",0.6678582,["Reactive",2988],{},["Set"],["ShallowReactive",2991],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fSbB18qVbgaxi5TtBCqZiaFKa8hdm7NuA06iizmvtJsU":-1},"/nuxt/nuxt/3851"]