最近在做的项目中要用到Element UI组件来写，非常方便，但毕竟Element UI是有它自己的默认样式的，并不是客户所要求的，但就在我想要修改样式时遇到了棘手的问题。
如何引入和使用 Element 这里就不多介绍了，官方文档和百度有很多，这里主要就是写一下题目中提到的样式无法修改的问题。
Element官方文档中给出最简单的分页组件：
<div class="block">
<span class="demonstration">大于 页时的效果</span>
<el-pagination
layout="prev, pager, next"
:total="">
</el-pagination>
</div>
当然这是 Element 的默认样式，当修改它的样式时，比如每一个数字之间的间距和边框，都没有成功，在调试器里也找不到对应的修改。
如何解决？
<style lang="scss" scoped>
@import "../../../../styles/home/proMessage.scss";
</style>
引入样式时使用的是上面这段代码，我们只需要把 scoped 属性删除掉，或者如果 scoped 涉及到其他样式那么就再写一个 style 标签，在新的 style 标签里去修改 Element 组件的样式。
<style lang="scss">
.el-pagination {
color: #333333;
}
</style>
<style lang="scss" scoped>
@import "../../../../styles/home/proMessage.scss";
</style>