引导外部样式表不设置 HTML 样式

Question

我不知道为什么，但是由于某种或奇怪的原因，内部p标签的特定样式在使用自定义样式表css时不会样式化，但在内联时可以正常工作。

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

<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>

网页版。

CSS：

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

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

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

Answer 1

使用这个

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

Answer 2

尝试使用

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

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

但是它可以在没有 ！important，我不认为 ！重要不是上帝使用，请检查您的其他 css 也许您正在覆盖更多类，如果可以的话，请制作一个工作小提琴或向我们发送链接

Answer 3

或者和上层阶级一起写。

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

Answer 4

好的。

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

尽管进行了搜索以检查我是否可能在其他地方使用它，但没有任何结果，但该解决方案效果非常好。

这是我使用的名称更改。

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