为什么 !important 在我的样式表中无效？

Question

我对CSS/HTML相当陌生，需要一些样式方面的帮助。我有一个CSS样式表，在其中做了以下的一些操作：

p{
    color:black;
}

然后在我的HTML中，在我的页脚标签内，我有一个段落。

我遇到的问题是，我想让页脚内的段落文字颜色为蓝色。

我尝试了以下代码：

footer{
    color: blue !important;
}

但它没有起作用，所以我想知道如何让页脚中的段落变为蓝色，因为我希望其余的段落都是黑色。

如果!important方法是错误的方法，我想知道为什么？从我的研究来看，我认为它应该覆盖任何先前的样式。

- Chris Lemon

---

那么为什么不使用 footer p { color: blue; } 而不加上任何 !important 呢？尽可能少地使用 !important。 - Alon Eitan

我只是想说我找到了一个类似的例子，它最终确实起作用了。谢谢！我只是想知道为什么!important不能达到相同的效果。 - Chris Lemon

因为您的目标是两个不同的元素，p 和 footer - 只有在您想要覆盖相同类型的元素的样式时才使用 !important。 - Alon Eitan

Answer 1

答案：

为什么我的样式表中的!important不起作用？

它完全按照设计工作得很好。

我如何让页脚中的段落变成蓝色？

为此，请使用适当的选择器。

footer p{
   color: blue;
}

- Zeeshan Eqbal

Answer 2

这是一种不好的做法 尝试像这样做 对于您的页脚

HTML

<div class="footer">
<p>This is a paragraph.</p>
</div>

CSS

.footer p {
 color: blue ;
}

不要使用重要的标签。

- Zunaib Imtiaz