えーと、何がいけなかったのでしょうか？

治りました・・・

本当にありがとうございます

わいひら様、Jun様もありがとうございました。

子テーマのCSSの以下のサイドバーの見出しの指定にも余分なスラッシュがありますね。

/*ウィジェットタイトル*/
.sidebar h3{ 
	background-color:#418933;/ 
	color:#fff;
	padding:7px 7px; margin:19px 0; 
	border-radius: 50px; 
	width: 100%; height: 45px;
	text-align:center; padding:10px 0 5px 3px;
	border: none;
}

background-colorの行末です。

ご指摘いただいた箇所をクリアしたところ、

投稿画面では、このような表示になりました。

Cocoon設定の「全体」のタブの設定で、「サイトキーカラー」と「サイトキーテキストカラー」を設定されていませんか？

特に白色（＃fff）だと、設定していても、自分でも気づかない、という場合もあったりするようです。

もし設定されていたら、クリアボタンをクリックして「変更をまとめて保存」のボタンをクリックして解除します。

それらの設定と、エディターの表示が関係あるかどうかは、わかりませんが、複数の矛盾した指定があるのは、良くないような気がいたします。

疑わしい部分を、除外していくもの原因の切り分けのやり方のひとつかと思います。

CSSの記入ミス・エラーがあるのでしょうか

/* H2 */
.article h2{
background:none;
padding: 0;
color: #418933; /*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #418933;/*上線*/
border-bottom: solid 3px #418933;/*下線*/
}

/* H3 */
.article h3{
border-top:none;
border-right:none;
padding: 0;
background:none;
color: black;
padding: .25em 0 .5em .75em;
border-left: 6px solid #418933;/*左線*/
border-bottom: 1px solid #418933;/*下線*/
}

/* H4 */
.article h4{
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
}
.article h4:before {
 font-family: "Font Awesome 5 Free";
 content: "\f00c";/*アイコンのユニコード*/
font-weight: 900;
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #418933; /*アイコン色*/
font-weight: 900;
}

span.fa.fa-close::before{/*戻るボタン*/
font-family: FontAwesome;
content: “\f060”;
}

黄色のところ。

ダブルクォーテーションが、正しく記述されていないようです。

CSS内にリフィトリーさんが指摘されたような文字列のエラーが他にも残っていないでしょうか?

私の環境で故意にCSS内にエラーを入れてみると同じ現象を再現できました。

.article h2{
  background-color: #f00;
}
.article h3{
  Â background-color: #0f0;
}
.article h4{
  background-color: #00f;
}

このコードをstyle.cssに追加すると次のような結果になりました。

• 公開ページではエラーの起こっていないh2、h4のCSSが適用されていた
• エディタ画面では全て適用されていなかった

CSSにエラーがあるとエディタ側で読み込めないのではないかと予想しています。ちなみにスキンを外しも同じことが起こります。

/* H3 */
.article h3{
  border-top:none;
  border-right:none;
  padding: 0;
  background:none;  
  color: black;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #418933;
  border-bottom: 1px solid #418933;
}