类和ID似乎不适用于我的CSS文件的H1

Question

我不知道为什么这行不通。我碰巧也在使用引导程序。

<h1 class="montserrat_text" id="header_title">title</h1>

在css文件中，.montserrat_text有效，并且h1的字体是正确的字体。

但是当我在CSS中添加#header_title时：

#header_title
{

 color: red;
 font-size: 60px;

}

什么也不会发生，并且文本不会更改大小或颜色。

谢谢

Answer 1

@MohammadUsman已经提到了字体颜色不变的原因-没有名为font-color的CSS属性，您想要的名称为color。

font-size也不更改的原因（即使属性名称正确）也可能是您的浏览器忽略了遵循非法规则的规则。

Answer 2

要更改文本的颜色，必须使用 color 而不是 font-color 。

根据 CSS优先级，如果选择器包含父项名称，则该选择器比不包含父项名称的选择器具有优先级。

您必须在选择器中使用父名称，例如：

{# or .}parent #header_title
{
 color: red;
 font-size: 60px !important;
}

或者您可以使用！important ：

#header_title
{
 color: red;
 font-size: 60px !important;
}

Answer 3

正如@Mohammed Usman所说，它是color，而不是font-color。 另外，由于您使用的是Bootstrap，因此可能会覆盖CSS，因此您可以添加!important标签以确保使用CSS，如下所示：

#header_title {
 color: red !important;
 font-size: 60px !important;
}