diff --git a/files/zh-cn/web/api/web_components/using_custom_elements/index.md b/files/zh-cn/web/api/web_components/using_custom_elements/index.md
index 2910bbba5ebe87..00b9249d6e445b 100644
--- a/files/zh-cn/web/api/web_components/using_custom_elements/index.md
+++ b/files/zh-cn/web/api/web_components/using_custom_elements/index.md
@@ -446,7 +446,7 @@ customElements.define("expanding-list", ExpandingList, { extends: "ul" });
 
 你使用 `<ul>` 元素与往常一样，但在 `is` 属性内指定自定义元素的名称。
 
-请注意，在这种情况下，我们必须确保定义自定义元素的脚本在 `DOM` 完全解析后执行，因为 `connectedCallback()` 在展开的列表被添加到 DOM 时就会被调用，而此时其子元素尚未添加，因此 `querySelectorAll()` 调用将找不到任何项。确保这一点的一种方法是在包含脚本的行上添加 [`defer`](/docs/Web/HTML/Element/script#defer) 属性：
+请注意，在这种情况下，我们必须确保定义自定义元素的脚本在 DOM 完全解析后执行，因为 `connectedCallback()` 在展开的列表被添加到 DOM 时就会被调用，而此时其子元素尚未添加，因此 `querySelectorAll()` 调用将找不到任何项。确保这一点的一种方法是在包含脚本的行上添加 [`defer`](/docs/Web/HTML/Element/script#defer) 属性：
 
 ```html
 <script src="main.js" defer></script>