编辑器本身没有太多的可视样式；更重要的是确保编辑器组件本身的一致性，比如按钮和信息面板。

你应该在需要的地方应用样式。通常，大多数CSS都应该放在一个两端都排队的文件中，即前端和编辑器。大多数情况下，您还需要一个仅用于编辑的样式表，用于您想要的任何突出显示等，该样式表应显示为有人正在编辑，但不应显示在前端。最后，您可以拥有仅影响前端的样式。

有几种方法可以将这3个单独的样式表排队。下面是create guten block如何做到这一点的，当你注册你的块类型时，会稍微修改一下，因为他们的代码在插件中，而你的代码在主题中，这只是CSS部分：

<?php
add_action(\'init\', \'enqueue_block_assets\');
function enqueue_block_assets() {
    // Register styles to both front and back end
    wp_register_style(\'blockname-both\', get_template_directory_uri() . \'/name-of-stylesheet-for-both.css\', array(\'wp-editor\'), null);
    // Register Editor-only styles with a dependency to come after wp-edit-blocks
    wp_register_style(\'blockname-editor\', get_template_directory_uri() . \'/name-of-stylesheet-for-editor-only.css\', array(\'wp-edit-blocks\'), null);
    register_block_type(
        \'namespace/name-of-block\', array(
            // "style" gets enqueued in both front end and Editor
            \'style\' => \'name-of-stylesheet-for-both.css\',
            // "editor_style" only gets enqueued in the Editor
            \'editor_style\' => \'name-of-stylesheet-for-editor-only.css\',
        )
    );
?>