这句css样式表示什么意思，有这种css符号吗？

Question

.tinymce-container>>>.mce-fullscreen {
z-index: 10000;
}
其中的>>>代表什么？

Answer 1

deep selector

深选择器，/deep/的替代语法，之前也只有在 Chrome 上能用（大概），不过现在 Chrome 也将它废弃了。

Answer 2

Answer 3

这里用到了/deep/组合器， >>>是别名。

Answer 4

这种选择符在两个环境中有不同的解释。。

第一个是在chrome中，它现在是作为一个即将要被废弃的选择符API。
第二种是在VUE中，如果你在组件中使用了scoped的话，父组件定义的样式将无法影响到子组件。但是你还是想要在父组件定义样式的话这时就要用到>>>组合器，或者是使用它的别名/deep/.

<style scoped>
.a >>> .b { /* ... */ }
</style>