自定义CSS将不会覆盖缺省引导CSS

我在HTML和CSS相当新的，我坚持在这里......自定义CSS将不会覆盖缺省引导CSS

网址是：http://www.i1cevic.com/

基本上，“粗体文本”获得“T是我在CSS定义的font-size：

h1 { 
font-family: 'Montserrat', sans-serif; 
font-weight: 700; 
line-height: 1.05; 
letter-spacing: -2.7px; 
font-size: 89px; 
} 




h1 small { 

font-family: 'Raleway', sans-serif; 
font-weight: 300; 
letter-spacing: -2.7px; 
font-size: 70px; 

}

我在遇到问题的类是h1，你可以看到font-size被定义为89px，但不断出现引导的默认h1尺寸：35-36px什么的，我通过在font-size: 89px之后书写!important来解决这个问题，但这不是解决方案...

这里是HTML代码。（不包括头部）

<body id="page-top"> 
<header> 
    <div class="header-content"> 
     <h1><small><font color="black">Light Text</font></small></h1> 
     <h1><font color="black">Bold Text</font></h1> 
     <br> 
     <a class="btn btn-primary btn-xl page-scroll" href="#about">Find 
     Out More</a> 
    </div> 
</header> 
<!-- jQuery --> 
<script src="js/jquery.js"> 
</script> 
<!-- Bootstrap Core JavaScript --> 

<script src="js/bootstrap.min.js"> 
</script> 
<!-- Plugin JavaScript --> 

<script src="js/jquery.easing.min.js"> 
</script> 
<script src="js/jquery.fittext.js"> 
</script> 
<script src="js/wow.min.js"> 
</script> 
<!-- Custom Theme JavaScript --> 

<script src="js/creative.js"> 
</script> 
</body> 
</html>

来源

2016-03-06 bertone_in

你打上这个“jquery.fittext.js”脚本，调整大小根据页面大小的文本，那么自然，你有这个问题。该脚本将标签“h1”添加为“字体大小”。

来源

2016-03-06 17:50:17 peppinoibra

阅读OP的问题。 '我通过写作来超越这个问题！font size：89px后重要，但这不是解决方案......' –

感谢您的帮助，但请仔细阅读OP！ –

我没有看过那部分，但现在我已经添加了下面的解决方案。 – peppinoibra

我没有看到你的代码中你使用自己的CSS文件。
这就是为什么我在你的头部定义的CSS：

H1 {FONT-FAMILY： '蒙特塞拉特'，无衬线; font-weight：700;行高：1.05; letter-spacing：-2.7px; font-size：89px; }
而我从你的h1标签中删除样式。

font-size：65px;

来源

2016-03-06 17:57:51 NormundsP

感谢您的回复！正如我上面回复的，实际上我的样式表是在bootstrap默认CSS下的，但我没有将它包含在html复制/粘贴中，再次感谢并为我的错误感到抱歉。 –

的问题是在头部分，你需要首先把你的bootsrap CSS链接，然后链接到您的自定义CSS，像这样：

<!-- first your bootstrap link--> 
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
<!-- second your custom css--> 
<link rel="stylesheet" href="css/main.css">

好运

来源

2016-03-06 17:58:03

感谢队友的快速回复，实际上我的样式表是在bootstrap默认CSS下，但我没有将它包含在html复制/粘贴中，再次感谢并为我的错误感到抱歉。 –

我刚刚删除了你的内联风格，我可以看到你的风格过分引导风格

所以我认为这是你的浏览器缓存尝试清除缓存或做硬重新加载ctrl+shift+R如果你的使用的是Windows和cmd+shift+R铬在Mac OSX