跳至主要內容

vue2中的css深度选择器

zfh原创开发日志Vuevue2小于 1 分钟约 157 字

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

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

写法

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

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

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

上次编辑于:
本站勉强运行 小时