css - 为什么代码组合有效但单个实例无法覆盖 Bootstrap Jumbotron H2 样式？

Question

我对这里的特殊性有点困惑...

.container-fluid, .row, .col-md-12, .jumbotron, h2 {
background-color: blue;
}

.container-fluid.row.col-md-12.jumbotron, h2 {
background-color: blue;
}

有效，但是这些代码组中的任何一个都不起作用...

HTML 是:

  <div class="container-fluid">
<div class="row">
    <div class="col-md-12">
        <div class="jumbotron">
            <h2>
                Hello, world!
            </h2>

用我的本地 CSS 文件覆盖 Bootstrap CDN(或 bootstrap.min)的正确方法是什么？

我的文件是这样链接的:

 <link href="css/bootstrap.min.css" rel="stylesheet"> 
 <link href="css/style.css" rel="stylesheet">

Answer 1

在您的自定义 CSS 中以更高的特异性覆盖您的类
看看这个答案。 Creadit @Matt Ball Override a css Class