How to implement style isolation when using preview mode within the code block?

[WinmezzZ]

代码块的预览样式，被文档的全局样式污染了，有办法避免吗

[10Derozan]

Which previewMode, 'internal' or 'iframe'?

[WinmezzZ]

默认吧，因为没有单独设置这个配置

mdx中的代码块默认启用了预览+展开源代码的方式，不过正好是我想要的，但是预览的样式全都被影响了，比如这个按钮

[10Derozan]

Later we will support shadow dom, do you have any ideas to do it?

[WinmezzZ]

好想法，从长远角度来说是一个非常可靠的做法，但是如果从简单处理的话，我觉得只需要将文档的所有全局样式针对代码预览这个区域加个选择器过滤就行，比如

button:not(.rspress-preview-card) {
  //...
}

*:not(.rspress-preview-card) {
  //...
}

[10Derozan]

If the change is small and not breaking, welcome PR.