修改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