vue中修改element-ui组件样式

在某个vue页面中想要修改element-ui组件的样式

修改某个具体的组件，最好在前面加上父级类名，否则会更改全局样式

在<style scoped>中，使用>>>可以影响子组件的样式

<style scoped>
     .app-main >>> .el-input_inner{
         width: 80%
     }

在less、sass等的预处理下， >>>不会被解析，换成/deep/有同样效果

<style lang="scss" scoped>
     .app-main /deep/ .el-input_inner{
         width: 80%
     }