0

我正在尝试做一些看起来很简单但结果却很痛苦的事情。我必须将 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;
}

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

4

2 回答 2

1

我确信这已经解决了，但是我遇到了同样的问题并且扯掉了我的头发，最终意识到浏览器在我添加新类之前已经缓存了旧的 CSS 文件。尝试使用缓存清除 (CTRL-F5) 重新加载页面。

于 2017-11-26T10:50:57.683 回答
0

据我所知，您的代码片段工作正常吗？

.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>

于 2015-01-16T19:59:39.600 回答