开发过程中会遇到element原生样式跟需求不符,就需要修改原生样式
方法一:【不建议】
去掉style中的scoped,在样式中选择类名直接修改,但是这样会污染全局样式。【所以此方法不建议】
方法二:【再写一个不带scoped的style】
vue支持多个style【也就是说可以在多写一个style样式】这个style不带scoped
注意:此方法会导致你修改的样式渗透到子组件中,不方便后续维护开发
方法三:深度选择器 【deep】好用!!!
书写格式: /deep/ ‘要修改的标签的class’
/deep/.el-pager li.active {
color: #fff;
}