diff --git a/packages/nextjs/babel/next-app-plugin.js b/packages/nextjs/babel/next-app-plugin.js
index 4445317..62720f7 100644
--- a/packages/nextjs/babel/next-app-plugin.js
+++ b/packages/nextjs/babel/next-app-plugin.js
@@ -66,7 +66,8 @@ module.exports = function (babel, options, dirname) {
                 },
                 exit(path) {
                     if (globalCss.length) {
-                        path.unshiftContainer(
+                        // 将 global css 置于内部组件样式之后，以便内部组件样式可以覆盖全局样式
+                        path.pushContainer(
                             'body',
                             globalCss
                         )
diff --git a/tests/babel/next-app-plugin/__fixtures__/basic/output.js b/tests/babel/next-app-plugin/__fixtures__/basic/output.js
index df3aaa8..7321bc9 100644
--- a/tests/babel/next-app-plugin/__fixtures__/basic/output.js
+++ b/tests/babel/next-app-plugin/__fixtures__/basic/output.js
@@ -1,5 +1,3 @@
-import "../../app.scss";
-import "../../app.less";
 import Head from "next/head";
 import TaroApp from "./app";
 
@@ -18,3 +16,5 @@ const MyApp = ({ Component, pageProps }) => (
 );
 
 export default MyApp;
+import "../../app.scss";
+import "../../app.less";