改变Bootstrap Jumbotron的h1颜色

Eth*_*han 2 html css twitter-bootstrap

对Bootstrap很新,并开始玩它.但有一件事(应该非常明显)我无法开始工作.这就是改变了jumbotron中h1标签的颜色.

HTML代码:

<!DOCTYPE html>
<html>
<head>
    <title>Hello WWW</title>
    <link rel="stylesheet" href="main.css">

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
</head>

<body>
    <div class="jumbotron">
        <h1>Progression of Connected Computing</h1>
        <p>Learn more about the internet</p>
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

main.css代码:

.jumbotron h1{
    color: #fff;
}

.jumbotron p{
    color: #fff;
}
Run Code Online (Sandbox Code Playgroud)

问题是,p标签是否正确更改并变为白色,但由于某种原因,h1标签没有?可能是我正在做的傻事,但我似乎无法弄清楚它是什么.谢谢!

kni*_*ion 5

如果要使用自定义样式覆盖样式,则必须在包含自定义main.css文件后包括自定义文件.bootstrap.cssbootstrapmain.css

  • 哦,我觉得很蠢.谢谢o / (2认同)