vue css中 :global的使用

:deep(.elselect) 的写法的做用是 样式穿透，这个就不用多说了，

可以说它是一种向下兼容的模式

但是我们在使用一些组件时候特别是弹出框之类的组件，在有弹出框组件的 html 中可以分析一下 ，html 的结构，发现，弹出框和引用它的位置不是在同一层中的， 可以说它是在 #app 的外层加入的， 所以这里，无论你怎么写 :deep 都是无效的，此时就要使用 :global 了，

:global(.elselect) 相当于是一种向上兼容的模是，它是在全局创建了一个样式

用法如下