覆盖element-ui样式篇（一）

问题：两个页面同用一个scss样式文件（因为代码超级长）
第一个页面如图：

鼠标移出按钮，默认是会改变背景色的，我指的是取消按钮，然后我使用了

/deep/ :nth-child(1).el-botton:hover {background-color: #fff;}

这个在第一个页面是可以满足需求的
第二个页面如图：

明显实现不了了，鼠标移入保存按钮，背景色变成了白色。
于是想到交集选择器（标签和类名构成）

/deep/ button.cancelBtn:hover {background-color: #fff;}

这样既不影响其他页面，也可以实现需求！（没有样式影响的情况下，按钮背景色为白色的时候鼠标移入才改变背景色）

慢慢来，慢慢来，你看我还有机会吗？