VUE中css样式scope和deep
一、遇到的问题
子组件里明明加了hover样式，但是效果没有出来
二、解决
如下截图，父组件里使用了deep
deep是 Vue.js 提供的特殊选择器，用来突破 scoped 样式的作用域限制，允许父组件的样式影响到子组件中的元素以及再下层级子组件的样式。
默认情况下，scoped 样式只能影响当前组件内部的元素，而 :deep 可以让样式跨越组件边界，作用于子组件的内部元素。
父组件里没有hover样式，覆盖了子组件的hover样式，这样子组件里明明加了hover样式，但是效果没有出来。
