Bootstrap覆盖我的自定义CSS

时间:2018-03-16 17:43:42

标签: html css bootstrap-4 navbar brackets

我正在创建一个我实习的网站,我们选择包含一个下拉导航栏。导航栏工作正常,但所涉及的CSS似乎覆盖了我的自定义CSS,因为它适用于我的html标签背景颜色和我的h1标签字体,大小,颜色等任何建议?附上截图。 Sample w/o navbar sample with navbar

2 个答案:

答案 0 :(得分:1)

在自定义CSS中,使用!important css属性将覆盖您可能拥有的任何其他CSS。示例:

<html>
    <head>
        <style>
            h1 {
                color: red !important;
            }
        </style>
    </head>
    <body>
        <!-- the h1s style is overridden by the important -->
        <h1 style="color:blue;"></h1>
    </body>
</html>

答案 1 :(得分:0)

在您的css中尝试将所有p {font size:20px;}覆盖为p{font size:20px !important;}

!重要的财产,超过该班级的所有css。