无法使用CSS覆盖引导程序
[英]Cannot override bootstrap with css
问题描述
当我将引导程序添加到html文档时，它会将h1标签的字体大小更改为2.5rem。 由于某些原因，我无法使用CSS文件覆盖此内容。 即使具有！important属性。
我确保在HTML页面上按顺序在引导程序后加载了自定义样式表
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="./styles/style.css">
</head>
<body>
<h1 class="logo">TIGERS</h1>
</body>
此样式部分位于上面链接的styles.css文件中
.logo {
font-size: 3.5em !important;
}
另外：奇怪的是，当我将CSS内联时，例如。
<h1 class="logo" style="font-size: 3em">TIGERS</h1>
有用。
任何帮助表示赞赏
1 个解决方案
解决方案1
1 2019-08-10 08:10:49
仅当内联设置CSS时才使用<style>标记，如果在外部CSS文件中则不使用。
样式应该在style.css看起来像这样：
.logo {
font-size: 3.5em !important;
}
即没有style标签。
为 CSS 覆盖引导程序 styles？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.