fix: Nesting tabs of different sizes, the style does not take effect (#11936)

components/tabs/style/index.less

@@ -206,21 +206,27 @@
     }
   }
 
-  &-large &-nav-container {
+  &-large {
+    > .@{tab-prefix-cls}-bar {
+        .@{tab-prefix-cls}-nav-container {
           font-size: @tabs-title-font-size-lg;
         }
-
+        .@{tab-prefix-cls}-tab {
-  &-large &-tab {
           padding: 16px;
         }
+    }
+  }
 
-  &-small &-nav-container {
+  &-small {
+    > .@{tab-prefix-cls}-bar {
+        .@{tab-prefix-cls}-nav-container {
           font-size: @tabs-title-font-size-sm;
         }
-
+        .@{tab-prefix-cls}-tab {
-  &-small &-tab {
           padding: 8px 16px;
         }
+    }
+  }
 
   &:not(&-vertical) {
     > .@{tab-prefix-cls}-content {