Applying module CSS to page

时间:2020-10-26 作者:Trevor Newhook

我用自定义CSS构建了一个模块。我不知道为什么没有应用CSS,尽管看起来页面正在加载CSS文件(当我查看页面中的源代码时,我可以看到我的自定义CSS文件,当我打开该链接时,内容就是它应该的内容)。div类名是非常自定义的,所以我认为它不会被覆盖。

模块中的代码:

    function hbc_comicCanvas() {
        wp_register_style(\'hbc_comicCanvas\', plugins_url(\'css/hbc_comicCanvas.css\',__FILE__));
        wp_enqueue_style(\'hbc_comicCanvas\');
        wp_register_script( \'hbc_comicCanvas\', plugins_url(\'js/comicCanvas.js\', __FILE__));
        wp_enqueue_script(\'hbc_comicCanvas\');
    }

    add_action( \'admin_init\',\'hbc_comicCanvas\');

    function insert_default_content($content) {
        $content = "
      <div id=\\"hbc_drawingPanel\\">drawingPanel id</div>
        <div class=\\"hbc_drawingPanel\\">drawingPanel class</div>
        <canvas style=\'height:500px;width:500px\'>woot</canvas>
        ";

        return $content;
    }
    add_filter( \'default_content\', \'insert_default_content\');
以及CSS文件的内容:

    div #hbc_drawingPanel{
      background-color: purple;
    }
    div .hbc_drawingPanel{
      background-color: purple;
    }
谢谢你的帮助。我已经考虑了很多建议,但到目前为止还没有任何结果。

1 个回复
SO网友:Trevor Newhook

解决方案是删除wp\\u normalize\\u路径