修改分页样式

	    问度娘问了个把小时，总算是把element-ui中分页样式修改成功了
	在.html和.vue中的样式修改不太一样，.html中可以直接找到对应的class
	直接修改，但是在vue中由于直接使用class修改hi因为权重不够，导致被官方
	的样式覆盖，所以要增加要修改的元素的权重
		要写在css预处理器中(less,sass),我的是写在了less中，并定义scoped
	(不知道什么原因，我的被scoped去掉后就不能让样式生效)
	下面是单独一个分页效果的展示

<template>
<!-- 分页 -->
<el-pagination
  background
  layout="prev, pager,next"
  :total="1000">
</el-pagination>

</template>
<style lang="less" scoped>
    @deep: ~'>>>';
    //样式修改
    @{deep}.el-pager{
        .number,.el-icon{
            border-radius: 50% !important;
        }
    }
    @{deep}.btn-prev{
        border-radius: 50% !important;
        background-color: blue !important;
    }
    @{deep}.btn-next{
        border-radius: 50% !important;
        background-color: blue !important;
    }
</style>

样式修改虽然能实现了，但是并不完美，感觉有这种简单的方法，
有大佬看见这篇博客的时候，还请指导一下！谢谢！