Vue Scoped CSS

最近在写vue的样式时,用了element-ui,发现生成的textarea写在style scoped中时无法被样式选中?最后不得不直接写在全局样式中,虽然生效了,但是总是想知道有没有别的解决方案。

最后找到的解决方案有两个

1, 在当前页面写两组style,一组专门写这种,虽然会在全局生效,但是只要加了外套针对一下,也不会对全局有什么影响。不过我个人觉得和写在全局的css没什么区别,见仁见智。

2,使用深度作用选择器:>>>或者/deep/
有些像 Sass 之类的预处理器无法正确解析 >>>(未验证过)。这种情况下你可以使用 /deep/ 操作符取而代之——这是一个 >>> 的别名,同样可以正常工作。既然这样,干脆直接用/deep/得了;最近又听说/deep/要被干掉,只能说开心就好,支持哪个用哪个。