引导外部样式表不样式化html答案

【问题标题】：bootstrap external style sheet not styling html引导外部样式表不样式化html
【发布时间】：2014-11-17 08:07:25
【问题描述】：

我不知道为什么，但由于某些或奇怪的原因，内部 p 标签的特定样式在使用自定义样式表 css 时没有样式，但在内联时工作得很好。

显然我试图避免使用内联，因为这不是最佳实践。使用 Bootstrap

<h1 class="page-header">Properties</h1>
    <div class="col-lg-4 main_content">
        <img class="img-responsive" src="images/home_image2.jpg" />
        <p>CHATHAM<br />
        London, Uk
        </p>
    </div>

html。

CSS：

.main_content p {
font-size:24px;
background:#262626;}

字体大小和背景颜色似乎都不起作用

我尝试将其定位为 ID，但无济于事。

【问题讨论】：

你是在引导 css 之后加载你的自定义 css 吗？
是的，我是。但问题是。 CSS 与所有其他元素完美配合。就是这个。

标签： css twitter-bootstrap styles inline

【解决方案1】：

使用这个

.main_content p {
font-size:24px !important;
background:#262626 !important;}

【讨论】：

不。我试过了！重要的@amit jain @Gorostas。还是什么都没有。

【解决方案2】：

尝试使用

.main_content p {
font-size:24px !important;
background:#262626 !important;
}

工作小提琴 http://jsfiddle.net/52VtD/9080/

但它可以在没有 !important 的情况下工作，我不认为 !important 不适合使用，请检查您的其他 css 也许您正在覆盖更多的类，如果您可以请制作一个有效的小提琴或给我们发送链接

【讨论】：

【解决方案3】：

或与上层阶级一起写。

.page-header .col-lg-4.main_content p {
    font-size:24px;
    background:#262626;
}

【讨论】：

没用。这似乎是一个针对引导程序中某些元素的问题。
好的。正文 .page-header .main_content p { 字体大小：24px;背景：#262626; }
如果有的话，实际上在 .page-header 类之前写下所有的主类。比如，'.container .inner-container .sample-div .page-header p {'

【解决方案4】：

好的。

我想出的解决方案是更改影响 div 的类的名称。

即使我搜索过我是否可能在其他地方使用过它，但没有出现任何结果，但这个解决方案效果很好。

这是我使用的名称更改。

.main_content_home p {
font-size:20px; 
background:#262626; 
color:#FFF;
padding: 12px;
 }

【讨论】：