自定义CSS不会覆盖默认的bootstrap css

Question

我在HTML和CSS方面相当新，而且我被困在这里......

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

基本上，＆＃39;粗体文字＆＃39;不是我在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，但它会一直显示Bootstrap的默认{{1} }} size：h1或其他什么，我在35-36px之后编写!important但是这个问题不是解决方案......

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

font-size: 89px

Answer 1

您标记了此“jquery.fittext.js”脚本，该脚本根据页面大小调整文本大小，因此您遇到此问题非常自然。此脚本将标记“h1”添加为“font-size”。

Answer 2

1. 我在你的代码中没有看到你使用自己的css文件。

2. 这就是为什么我在你的头部定义了css：

   h1 {font-family：＆＃39; Montserrat＆＃39;，sans-serif; font-weight：700;行高：1.05;字母间距：-2.7px; font-size：89px; }

3. 我从你的h1标签中删除了样式。

   font-size：65px;

Answer 3

问题出在head部分，你需要先放置你的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">

祝你好运

Answer 4

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

所以我认为如果您使用的是Windows和Chrome，那么您的浏览器缓存会尝试清除缓存或重新加载ctrl+shift+R 在Mac OSX上的cmd+shift+R

Answer 5

现在检查标记中的样式属性

Screenshot: dev tools showing inline style setting size to 65px

查看源代码显示它不存在，因此您的一个脚本正在添加它。