From 42f44ef0248cade594ffebd087f9470beed7445b Mon Sep 17 00:00:00 2001
From: hdx <hdx@dcloud.io>
Date: Wed, 10 Apr 2024 14:49:28 +0800
Subject: [PATCH] =?UTF-8?q?feat(css):=20=E8=A1=A5=E5=85=85=20=E6=B7=B1?=
 =?UTF-8?q?=E5=BA=A6=E9=80=89=E6=8B=A9=E5=99=A8=E7=A4=BA=E4=BE=8B=E5=8F=8A?=
 =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E5=85=BC=E5=AE=B9=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/vue/README.md | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/docs/vue/README.md b/docs/vue/README.md
index 7123c3cb..09e14ac7 100644
--- a/docs/vue/README.md
+++ b/docs/vue/README.md
@@ -179,6 +179,22 @@ const doubleCount = computed<number>(() : number => {
 </style>
 ```
 
+### 深度选择器
+
+|App|Web|
+|:-:|:-:|
+|x  |4.0|
+
+处于 `scoped` 样式中的选择器如果想要做更“深度”的选择，也即：影响到子组件，可以使用 `:deep()` 这个伪类：
+
+```html
+<style scoped>
+.a :deep(.b) {
+  /* ... */
+}
+</style>
+```
+
 ### CSS Modules
 
 |App|Web|
-- 
GitLab