HTML类不工作？

我正在尝试将a中的文本颜色更改为灰色。我原以为做一些像

content

和p.gray{color:333333；}这样的事情会管用，但它什么都没做。颜色仍然是黑色。请帮忙

编辑以包含整个代码

HTML:

---

我知道这里乱七八糟，对不起。我正在学习。

这是Firebug或Chrome的开发者工具派上用场的地方。最有可能的是，您的CSS文件中的CSS稍后会覆盖此样式，或者您有一些Javascript正在执行此操作。如果没有好的web调试器，很难判断

如果你在Firefox上使用Firebug，你可以打开HTML视图并选择你的元素，它会告诉你为什么元素的样式是这样的。从那里，您可以消除问题

编辑：很好用。说真的-333333是一种非常深的颜色，几乎无法与白色背景上的黑色区分开来

快速修复：在css文件中使用“！“重要”。这将覆盖您拥有的冲突CSS，除非您首先使用了它

p.gray { color: #333333 !important; }

---

真正的修复：上面提到过。使用firebug FireFox插件并检查元素，查看CSS对相关元素的影响。

它应该可以正常工作。试试更浅色的666

在父元素中使用ID和类有时会以令人困惑的方式优先。要了解这是否是问题所在，请非常具体地尝试：

#wrapper #divider .article .content p.gray{
color:red;
}

鲜艳的颜色适合测试。 如果它现在起作用，您可能应该了解ID和类在冲突时是如何相互覆盖的

---

我仔细阅读了这篇文章，这似乎是一个不错的开始：

CSS文件中的某个地方是否存在导致浏览器忽略p.gray定义的输入错误

---

尝试将p.grey CSS放在文件的更高位置，例如*p:last child CSS之后，看看这是否有区别。

您需要确保您的p.grey在CSS代码中的正常p{}之前，这应该是有效的。请显示您使用的确切代码。嗯，这是一个相当大的混乱。这里给我一秒钟，我将用整个html&css编辑我的问题。您是在html文档中声明您的样式，还是在单独的css文件中声明您的样式？如果在单独的文件中，是否在html文档的head元素中链接/导入CSS文件？我正在链接是，并且我知道它链接正确，因为其他一切都正常。尝试将样式内联以检查它是否有效：

CONTENT

。而且333333和black可能没有太大的区别。我的类位于最底层，所以它不应该覆盖上面的任何内容吗？我使用谷歌浏览器。开发者工具是内置的吗？是的，Chrome的开发者工具是内置的。在哪里查找它们取决于您的平台，但我强烈建议使用它。我相信它会有用的。同时你能帮我吗？我现在发布了全部代码。内联样式似乎很有效，只是我的链接CSS不起作用。我尝试添加了！重要的是快速修复，但仍然没有改变。如果有帮助的话，我的原始帖子已经附加了完整的代码。我同意。如果你想确定的话，试着换一种不同的颜色，比如黄色。但它不会，不过很漂亮。当我将内联样式设置为

内容时，它就可以工作了，只是没有使用链接的CSS。很好的建议，但它不起作用：。我甚至确保我的CSS没有被缓存。为什么事情总是不对劲？我的错，我不应该把头球放进去。我已经修改过了。现在试一试？+1，CSS//将值设置为left、center或right*/中有一条输入错误的注释，这可能是导致问题的原因。我在Firefox上可以用，但OP使用的是Chrome，这可能太严格了。编辑：在Chrome上也很好，不知道为什么它对OP不起作用。

p.gray { color: #333333 !important; }

#wrapper #divider .article .content p.gray{
color:red;
}