deep 和:: v-deep

胡景澄
2023-12-01

在vue项目中的style标签里(vue2.0项目中实际所用)

·当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素, 父组件的样式将不会渗透到子组件中。

如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,可以使用 /deep/ 或 ::v-deep 操作符取而代之

:: v-deep使用场景:

当我们需要覆盖element-ui中的样式时只能通过深度作用选择器

 类似资料: