wordpressのビジュアルエディタにcssが反映されない

Question

前提・実現したいこと

wordpressの投稿画面のビジュアルエディタに、自分で編集したcssの見た目を反映させたいです。

発生している問題・エラーメッセージ

現在親テーマにcssを作成して、それを読み込ませています。
テーマのfunction.phpにadd_editor_styleを追加して投稿画面にも読み込ませています。
しかし、投稿画面には反映されず、デフォルトの見出しのデザインのままです。（実際の記事ページやサイト上には読み込まれています）
投稿画面でキャッシュも消したのですが変化はありませんでした。
function.phpに読み込ませている関数の書き方が間違っているのでしょうか。ご教授お願い致します。

function.php内の記述内容

<?php add_editor_style("editor-style.css"); ?>

editor-style.css内の記述内容

@import "/common/css/reset.css";
@import "/common/css/global.css";
@import "/common/css/base.css";
@import "/contents/profile/profile.css";

確認したこと

function.php とeditor-style.cssはテーマフォルダ直下の同じ階層にあります。

Comments

[miyabi_pudding]

件のeditor-style.cssはどういった構造で配置されてますか？
ドキュメントルートからのパスで記載お願いします。
また、投稿画面のソースを表示してみて、
editor-style.cssが、link要素によって読み込まれているかどうかは、確認されましたか？？

Answer 1

単に余計なセレクタが付いているだけ…ということはないですか？

.single h2 {
    font-size: 16px;
}

h2 {
    font-size: 16px;
}