代码之家  ›  专栏  ›  技术社区  ›  Mike

类和id似乎不适用于带有css文件的h1

  •  0
  • Mike  · 技术社区  · 6 年前

    我不明白为什么这行不通。我碰巧也在使用bootstrap。

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

    在css文件中。蒙特塞拉特_文本有效,h1的字体是正确的字体。

    但当我在css中添加#标题#时:

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

    什么都不会发生,文本也不会改变大小或颜色。

    谢谢

    3 回复  |  直到 6 年前
        1
  •  4
  •   connexo    6 年前

    @MohammadUsman已经提到了字体颜色不改变的原因——没有CSS属性被调用 font-color ,你想要的是 color .

    原因是什么 font-size 也不会改变(即使属性名称正确)可能是浏览器忽略遵循非法规则的规则。

        2
  •  2
  •   Arash Hasanzade    6 年前

    要更改文本的颜色,必须使用 颜色 而不是 字体颜色 .

    根据 CSS优先级 如果选择器包含父项名称,则此选择器的优先级高于不包含父项名称的选择器。

    必须在选择器中使用父名称,如:

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

    或者你可以使用 !重要的 :

    #header_title
    {
     color: red;
     font-size: 60px !important;
    }
    
        3
  •  1
  •   mic    6 年前

    正如@Mohammed Usman所说,这是 color font-color . 此外,由于您使用的是引导,所以可能有什么内容覆盖了您的CSS,因此您可以添加 !important 标记以确保使用CSS,如下所示:

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