0

我最近刚刚在我的网站上安装了 bootstrap 3.0 并且一直在玩。我有几个关于它的问题；

我想在我自己的 .css 文件中更改 jumbotron（和其他类）的某些规范。我有一个名为“mycss.css”的文件，并在其中添加了以下代码

.jumbotron {
    background-image: url();
    padding: 30px;
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eeeeee;
}

在我的 index.htm 中，我声明了我的 .css 如下（在 bootstrap.min.css 声明之后）；

<link href="css/my.css" rel="stylesheet" media="screen">

但是，这些更改并未反映在我的网站上。还有什么我需要改变的吗？

4

2 回答 2

0 
"I have a file called 'mycss.css' "


<link href="css/my.css" rel="stylesheet" media="screen">

这些不匹配。这可能是问题所在。

我的回答可能是真正的问题，但是 -

@SeWonJang 的观点是，无论是 ID 还是类，它仍然有效——而且很可能是问题所在。如果我做：.main-content ul {list-style: none}然后在某处给.main-contenta 一个类- 我不能只说--- 因为我已经太具体（或总体） - 我已经说过：“将这些规则应用于任何 ul在 .main-content 中。” 这胜过了。现在我不得不说 我真的只发​​现这是一个真正的类型问题。因为几乎所有东西都是废话列表——但是在文章文本中我想要一些列表样式——这对我来说是最好的例子。my-listul.my-list {list-style: disc}.my-list {list-style: disc}.main-content .my-list {list-style:disc}

于 2013-10-20T04:26:52.597 回答
0

它被称为 CSS 特异性。

http://stackoverflow.com/questions/12780511/how-does-a-css-rule-override-another-css-rule

“因为 CSS 的特殊性。选择器的权重是根据组成它的组件来评估的，id 的权重为 100，类的权重为 10，元素选择器的权重为 1。”

这意味着，您的目标元素越具体，它的权重就越高。

所以如果你想为 .jumbotron 类指定一些属性，

为了覆盖它，您需要使选择器更具体，

例如，

#your_id .jumbotron

这样，当您的浏览器解释您的 CSS 样式时，

if 选择你的风格而不是 Bootstrap 的默认风格。

于 2013-10-20T04:28:12.437 回答