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 回答