Question

我试图做一些看起来非常简单但却变成痛苦的事情。我必须将ul上的项目符号设置为与文本不同的颜色。在尝试了伪类方法（：之前）并且除了头痛之外什么都没有，我决定使用span标签，因为这似乎是一个非常简单的解决方案。我现在遇到的问题是，无论我做什么，这个课程都会被完全忽略，即使我在开发工具中检查它在＆＃34;样式＆＃34;面板。以下是相关代码：

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

希望我能提供更多信息，但是如果有人能就这里可能发生的事情给出任何启发性的建议，我们会非常感激（可能是一个特殊问题，但如果是这样的话，那就不会; t dev工具仍然显示声明并将它们划掉？）。

Answer 1

我确定现在已经解决了这个问题，但是我遇到了同样的问题，并且在我添加新课程之前，最终意识到浏览器已经缓存了旧的CSS文件。尝试重新加载清除缓存的页面（CTRL-F5）。

Answer 2

从我所看到的，您的代码段工作正常吗？

＆＃13;

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

＆＃13;

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

＆＃13;

是时候接受答案了吗？

CSS类完全被忽略了

2 个答案: