Vue3 中几种独有的选择器 深度选择器(:deep)、插槽选择器(:slotted)、全局选择器(:global)

在Vue中,除了常见的CSS选择器外,还有一些独有的选择器,这些选择器可以更方便地操作Vue组件。

1、深度选择器 :deep()

作用:深度选择器可以匹配组件中嵌套的子组件。在Vue组件中,如果使用了scoped样式,子组件样式将不会被渲染到父组件中。

使用示例:




2、插槽选择器(:slotted)

作用:插槽选择器可以用来选择插槽中的内容。

使用示例:




3、全局选择器(:global)

作用:全局选择器可以用来选择不受scoped样式影响的元素。

使用示例:




你可能感兴趣的:(vue,CSS,vue.js,前端)