Firefox インスペクターにおいて　CSSを入力しても反映されない

FirefoxにおいてインスペクターからCSSを入力しても反映されません。

(例)　
「h1」をCSSで内容を空白にしFirefoxのインスペクターよりライブビューを行いながらh1に対して装飾を行うとします。
インスペクター上で.menu h1との表示があり、そちらにCSSを入力してもブラウザ上に変化がなく、インスペクター上のCSSを見ても入力したものが表示されません。

※既にCSSが入力されている「.menu li」等に「font-size:14px;」等を入力すれば反映されます。

他のブラウザ（Chrome）でも確認しましたがChromeでは問題なく入力→反映されます。
最近まで出来ていたことが急にできなくなっており困っております。

Firefox側の仕様変更でしょうか？
ご存知の方いらっしゃいましたらご教示ください。

■環境
WordPress 5.61
Win10 x64
Firefox 85.0.1(x64)

html
1<div class="menu">
2	<h1>テストテキスト</h1>
3	<ul>
4		<li><a href="" title="A">リンク先A</a></li>
5		<li><a href="" title="B">リンク先B</a></li>
6		<li><a href="" title="C">リンク先C</a></li>
7	</ul>
8</div>

CSS
1.menu{
2	border:1px solid #000;
3}
4.menu h1{
5}
6.menu ul{
7	margin-left: 10px;
8}
9.menu li{
10	color:#333;
11}

Lhankor_Mhy

2021/02/09 01:06

Win10 Firefox85 で試しましたが、問題なくCSSを追加しスタイルが変化しました。つまり、問題が再現しませんでした。

tacchanss

2021/02/10 20:10

ご回答ありがとうございます。現段階で確認したところ、オリジナルテーマでstyle.css内が670～680行以上ある場合にこちらの現象が発生しております。 WordPress 5.6.1 バージョンです。 Firefox85.0.2(64bit) となります。ご確認いただければ幸いです。

tacchanss

2021/02/10 20:15

度々の追加失礼致します。 PC環境の問題も考えましたが、他のPCでも同様の現象となります。例えのサイトとなりますが、 https://www.taro.org/ こちらのHPの「#pickupbox h2」の装飾をFirefoxのスタイルエディターにて削除しインスペクター上で装飾を入力すると、同様の現象が発生しました。ご確認の程、よろしくお願い致します。

Lhankor_Mhy

2021/02/12 03:03

問題を確認しました。なるほど、既存の空ルールに追加する場合は問題がないが、スタイルエディタから既存のプロパティをすべて削除するとインスペクタからの追加ができなくなるのですね。申し訳ありませんが、全削除→追加という使い方を今までしたことがなかったので、仕様変更なのか新しいバグなのか既存のバグなのかについて、判断できません。他の方の回答をお待ちください。