CSS没有显示所有规则

我使用Bootstrap jumbotron作为我的网页头，我有我自己的layout.css，但并不是我所有的.jumbotron规则都在工作。当我尝试设置margin-bottom: 0px;时，它并没有出现在我的浏览器开发工具中，甚至没有出现。有谁知道如何解决这一问题？CSS没有显示所有规则

的index.html - 头和报头与超大屏幕类：

<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; 
}

开发工具 - 未示出下边距：

我确保一切都保存并重新加载服务器。它在一个简单的Flask python服务器上运行，如果这样的话。

来源

2017-05-28 Will Scott

尝试把你的CSS文件引导CSS – BigMonkey89WithaLeg

可以重现它为我们以后？ –

@ BigMonkey89WithaLeg它们已经在引导后链接CSS –

瓶不重装CSS文件，因为在我的server.py文件layout.css中是静态的，当应用程序为它设置一次第一套。我再次设置了FLASK_APP并重新加载了服务器，并解决了问题。

要具有长颈瓶服务器更新包括CSS关掉你的浏览器缓存，然后打开烧瓶调试export FLASK_DEBUG=1

来源

2017-05-28 01:58:05

尝试添加!important你的保证金财产

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

来源

2017-05-28 01:16:17 vlk

我在另一个类似的帖子中看到了这个解决方案，但他们警告不要使用它，并且说永远不要使用它，除非父母使用它（我检查了bootstrap.css并且它没有使用！important），使用它的潜在问题是什么！important ？编辑：测试了这一点，边缘底部的规则仍然没有显示 –

很多引导CSS的默认属性需要重写'！重要'。我认为没有任何相关的问题，如果您需要再次覆盖它，则只需使用'！important'。 – vlk

我测试过了，它仍然没有显示在浏览器或开发人员工具中 –

CSS没有显示所有规则

回答

相关问题