vue2中的css深度选择器

Frank原创
  • 开发笔记
  • Vue
  • vue2
小于 1 分钟约 159 字...

<style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素,父组件的样式将不会渗透到子组件。 如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用深度选择器。

使用较多的场景是去定制 elementUI 等组件库的样式

写法

/deep/>>>::v-deep已被弃用,下面这种方式 vue2,vue3 均可使用:

:deep(.title) {
  background: yellowgreen;
}

参考:vue 中的 css 深度选择器open in new window

上次编辑于:
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.14.1