06.特殊CSS伪选择器

这节课，我们来看下 Vue3 中新出的一些特殊选择器。

插槽选择器

默认情况下，作用域样式不会影响到 ``渲染出来的内容，因为它们被认为是父组件所持有并传递进来的。但使用:slotted` 伪类以确切地将插槽内容作为选择器的目标。

假设，我们有一个 User 组件，内容如下：

// User.vue




1
2
3
4
5
6
7
8
9
10
11
12
13

在 User 组件中，我们声明一个默认 插槽。然后我们在父组件中引入：

1
2
3
4
5
6
7
8
9
10

运行：

发现，我们在 User 组件中样式中，让