所以我的页眉看起来像这样:
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-route.min.js"></script>
<script src="js/app.js"></script>
<link href="css/style.css" rel="stylesheet">在style.css内部,我有:
.navbar-default {
background-color: #FDFDFD;
border-color: #E7E7E7;
}但是,当页面加载时,我看到bootstrap css类覆盖了我的类,反之亦然。我是不是漏掉了什么?会不会是因为我使用的是缓存版本(我不这么认为)。请参阅所附图片

请给我建议。
发布于 2013-12-03 03:36:54
也许您应该指定更多的css规则,如下所示
#something .nav div.navbar-defaulthttps://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
发布于 2013-12-03 03:31:43
在CSS规则之后但在CSS规则中的分号之前添加!important。
https://stackoverflow.com/questions/20336243
复制相似问题