diff --git a/packages/settings/styles/src/components/classNamesContainer/index.vue b/packages/settings/styles/src/components/classNamesContainer/index.vue
index 0225953091..a5948d93cb 100644
--- a/packages/settings/styles/src/components/classNamesContainer/index.vue
+++ b/packages/settings/styles/src/components/classNamesContainer/index.vue
@@ -218,7 +218,7 @@ const editClassName = (curClassName, optionType = OPTION_TYPE.ADD, oldSelector =
 
       res = `${typeMap[type] ?? ''} ${newClassNames}`
     } else {
-      // 前后两种类型一直，替换原类型就好
+      // 前后两种类型一致，替换原类型就好
       res = typeMap[type]
         .split(' ')
         .map((item) => {
@@ -235,6 +235,10 @@ const editClassName = (curClassName, optionType = OPTION_TYPE.ADD, oldSelector =
   }
 
   const addSelectorHandler = () => {
+    if (type === SELECTOR_TYPE.ID) {
+      return newClassNames
+    }
+
     return `${typeMap[type] ?? ''} ${newClassNames}`
   }