vue中的 样式穿透

用于修改第三方ui组件库的样式,vue与element-ui

比如说,在vue的某个组件中想要修改element-ui的按钮样式,但是在其他的非子组件中按钮样式又想保持element-ui的风格。就需要使用 scope 和样式穿透

>>> .el-button_danger
  font-size 20px


//style使用css的预处理器(less, sass, scss)的写法

/deep/ el-button_primary 
  font-size 16px


::v-deep el-button_success
    font-size: 30px

// 推荐 ::v-deep 编译速度更快

 

你可能感兴趣的:(VUE,CSS,vue,css)