vue 里使用less报错

Question

.textarea >>> .el-textarea{
    margin-bottom: 20px;
}

在vue的style中，如果不写lang="less"的话上面的那段代码没问题，但是使用了less之后控制台就报错了，说那段代码有问题，难道vue里的less不能这样子做组件穿透吗，那在less中组件穿透该怎么写，求大神帮忙解答，谢谢啦
控制台报错的代码：

{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/page/int/intApply.vue
Module build failed: 

}
.textarea >>> .el-textarea{
         ^
Unrecognised input

Answer 1

你可以定义一个额外的style标签，不加scoped属性

<style>
/* 这里写你要穿透的代码*/
</style>

<style scoped>
/* local styles */
</style>

---

我试过了 sass、stylus，都会准确的识别>>>，唯独less不行，我怀疑是less-loader或者less本身的问题。

Answer 2

less的穿透用的是 /deep/

.textarea /deep/ .el-textarea{
    margin-bottom: 20px;
}