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;
}

Хотелось бы, чтобы у меня было больше информации по этому вопросу, но если кто-то может дать какие-то вдохновляющие предложения относительно того, что может происходить здесь, это будет высоко ценится (это может быть проблемой специфичности, но если бы это было так, инструменты разработчика все равно не показали бы декларации и просто вычеркнуть их?).

Answer 1

Я уверен, что это уже решено, но я столкнулся с той же самой проблемой и вырвал мои волосы, в конечном счете понимая, что браузер кэшировал старый файл CSS прежде, чем я добавил новый класс. Попробуйте перезагрузить страницу с очисткой кэша (CTRL-F5).

Answer 2

Из того, что я вижу, ваш фрагмент кода работает просто отлично?

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

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

Время принять ответ?