修改Element-ui组件的样式无效？

框架vue2.0，使用element中自有些组件样式不合心意，但是在style中改不过来？
1，想将某个组件样式全局统一，通过控制台f12查看组件类名，在App.vue的style里面，写入要修改的样式，style不可加‘scoped’属性，这样的话，你在App.vue写入的样式会引用在每个页面

<style lang="less">
	// 分页器组件
	.el-pagination{
	    padding: 8px 5px;
	    background: rgba(0,0,0,.2);
	}
</style>

2，只想在某个页面修改组件样式，同样查看组件类名，假如类名是：.hover-row，他的父级容器是你自己写入的dom，类名是：.box，然后在style标签下写(前提是你的css预处理是less)：

<style lang="less" scoped>
	// .hover-row组件类名， 有时候组件样式是行间，所以加important
	.box /deep/  .hover-row{
		color:#ddd !important;
	}
</style>

如果还是改不了，就在这个页面本身的style标签外面再写一对style标签，不要加scoped属性，但是修改的时候，还是要加他的父级类名，否则只要打开这个页面，之后，这个样式便还是应用到全局:

<style lang="less" scoped>
	
</style>
<style lang="less">
	// .hover-row组件类名， 前面加上父级类名，防止应用全局
	.box /deep/  .hover-row{
		color:#ddd !important;
	}
</style>

做人，最重要的是开心嘛，der