html - CSS クラスが完全に無視される

Question

私は本当に単純に見えることをやろうとしていますが、それは面倒です。テキストとは異なる色になるように、ul の箇条書きのスタイルを設定する必要があります。疑似クラス メソッド (:before) を試してみて頭痛の種しか得られなかった後、span タグを使用することにしました。私が今抱えている問題は、「スタイル」パネルに何も表示されない開発ツールで調べても、クラスが完全に無視されているように見えることです。関連するコードは次のとおりです。

HTML:

<ul class="list-color-a">
 <li><span>Blah blah blah blah</span></li>
 <li><span>Blah blah blah blah blah blah</span></li>
</ul>

CSS:

.list-color-a {
  color: orange;
  margin-left: -1.35em; 
}
.list-color-a span {
  color: gray;
}

これについて提供できる情報がもっとあればいいのですが、ここで何が起こっているのかについてインスピレーションを得た提案を誰かが与えることができれば、それは大歓迎です (特異性の問題である可能性がありますが、その場合、開発ツールはまだ表示されません宣言して、それらに取り消し線を引いただけですか?)。