Question

我的文件夹结构是这样的

的index.html CSS / styles.css的

Html代码：

@import url('//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css');

.panel-default > .panel-heading-custom {
    background: #ffaa00; color: #aaa;
}

CSS / styles.css的

callbackUri

然而，看起来面板颜色根本没有变化。显然它适用于这个jsfiddle，我复制并粘贴了代码。

http://jsfiddle.net/a0y0qmns/

Answer 1

只需按此顺序包含文件。

 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 <link rel="stylesheet" href="css/styles.css" />

在styles.css之后

bootstrap.min.css因为bootstrap css会覆盖样式css。

Answer 2

只是一个bootstarp覆盖你的自定义css文件的情况。在html的head部分，你的styles.css位于bootstrap.css下面。然后在styles.css中，您必须为要覆盖的元素使用完全相同的选择器。

Answer 3

只需将Kivy更改为.panel-heading-custom

即可

.panel-heading

FIDDLE： http://jsfiddle.net/a0y0qmns/1/

Css没有导入到html中

3 个答案: