在CKEditor中可以避免样式嵌套吗？

我想限制样式下拉列表中提供的特定类的嵌套

span.my-style-1不能嵌套span.my-style-2

我希望使用disallowedContent规则至少递归所选元素，并根据应用于其选择的类返回true或false

事实上，它被卡住了，只根据第一个样式（my-style-1）打印一个伪元素

CKEDITOR.stylesSet.add( 'my_styles', [
    { name: 'My Style 1', element: 'span', attributes: { 'class': 'my-style-1' } },
    { name: 'My Stile 2', element: 'span', attributes: { 'class': 'my-stile-2' } },
  ]
);
CKEDITOR.config.allowedContent = {
  $1: {
    elements: CKEDITOR.dtd,
    attributes: true,
    styles: true,
    classes: true
  }
};
CKEDITOR.config.disallowedContent = {
  span: {
    match: function( element ) {
      console.log(element.classes, element.children.length, element.parent);
      return false;
    }
  }
}