From 1d05109992024e46a85fe37033a41ebf2475e48c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=A1=B9=E9=B8=BF=E4=BC=9F?= <734824565@qq.com> Date: Fri, 23 Oct 2020 11:24:22 +0800 Subject: [PATCH] Update scoped-css.md --- docs/zh/guide/scoped-css.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/zh/guide/scoped-css.md b/docs/zh/guide/scoped-css.md index 0c369d4c5..39627ec55 100644 --- a/docs/zh/guide/scoped-css.md +++ b/docs/zh/guide/scoped-css.md @@ -70,6 +70,6 @@ ## 还有一些要留意 -- **Scoped 样式不能代替 class**。考虑到浏览器渲染各种 CSS 选择器的方式,当 `p { color: red }` 是 scoped 时 (即与特性选择器组合使用时) 会慢很多倍。如果你使用 class 或者 id 取而代之,比如 `.example { color: red }`,性能影响就会消除。你可以在[这块试验田](https://stevesouders.com/efws/css-selectors/csscreate.php)中测试它们的不同。 +- **Scoped 样式不能代替 class**。考虑到浏览器渲染各种 CSS 选择器的方式,当 `p { color: red }` 是 scoped 时 (即与特性选择器组合使用时) 会慢很多倍。如果你使用 class 或者 id 取而代之,比如 `.example { color: red }`,性能影响就会消除。 - **在递归组件中小心使用后代选择器!** 对选择器 `.a .b` 中的 CSS 规则来说,如果匹配 `.a` 的元素包含一个递归子组件,则所有的子组件中的 `.b` 都将被这个规则匹配。