gpt4 book ai didi

html - CSS 不显示所有规则

转载 作者:行者123 更新时间:2023-11-28 03:40:44 24 4
gpt4 key购买 nike

我使用 Bootstrap jumbotron 作为我的网页的 header ,我有自己的 layout.css,但并非所有 .jumbotron 规则都有效。当我尝试设置 margin-bottom: 0px; 它没有出现在我的浏览器开发者工具中,甚至没有被划掉。有谁知道如何解决这个问题?

index.html - 带有 jumbotron 类的头部和标题:

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="{{ url_for('static', filename='css/layout.css') }}" rel="stylesheet">
</head>

<header class="jumbotron container-fluid">
<h1> Catalog App </h1>
<button type="button" class="btn btn-xs btn-default btn-login" onclick="location.href='/login/'">Login</button>
</header>

layout.css - .jumbotron:

.jumbotron {
background-color: #195e8c;
margin-bottom: 0px;
padding-top: 2px;
padding-bottom: 2px;
}

开发者工具 - 不显示边距底部:

Chrome Developer tools

我确保所有内容都已保存并重新加载服务器。如果重要的话,它在一个简单的 Flask python 服务器上运行。

最佳答案

尝试将 !important 添加到您的边距属性

.jumbotron {
background-color: #195e8c;
margin-bottom: 0px !important;
padding-top: 2px;
padding-bottom: 2px;
}

关于html - CSS 不显示所有规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44222901/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com