Html css中的三重大于选择器是什么？

我看到了下面的CSS代码，它似乎是一个三重大于选择器

.b-table >>> .table-wrapper {
  overflow-x: auto; 
}

<style scoped>
.b-table >>> .table-wrapper {
  overflow-x: auto; 
}
</style>

---

我知道它引用了一个Buefy表组件，并对具有

表包装器

类的元素应用了特定的样式，但是

>

操作符的确切含义是什么？根据我的想法，这可能是为了给孩子们的孩子们应用风格，这准确吗？如果是这样的话，为什么它似乎不能与其他数量的

？

>

操作符是Vue.js特定的功能并被调用。在作用域CSS中，如果没有深度选择器，则无法将CSS应用于子组件

.b-table >>> .table-wrapper {
  overflow-x: auto; 
}

<style scoped>
.b-table >>> .table-wrapper {
  overflow-x: auto; 
}
</style>

作为示例，这两个选择器将不被应用

<style scoped>
.table-wrapper {
  overflow-x: auto !important;  /* won't work */
}
.b-table .table-wrapper {
  overflow-x: auto !important;   /* won't work */
}
</style>

.表格包装{
溢出-x:自动！重要；/*不起作用*/
}
.b表。表包装器{
溢出-x:自动！重要；/*不起作用*/
}

它需要深度选择

.b-table >>> .table-wrapper {
  overflow-x: auto; 
}

<style scoped>
.b-table >>> .table-wrapper {
  overflow-x: auto; 
}
</style>

.b-表格>>>.表格包装器{
溢出-x：自动；
}

这是无效的CSS。你在用预处理器吗？很有趣。我认为代码库使用的是Sass和POSTSS。您使用的是Angular的旧版本吗？如果是这样的话，它就相当于被弃用的

：：ng deep

@Chris W.No，它使用的是Vue.Vue。