css - Bootstrap 外部样式表不样式化 html

Question

我不知道为什么，但由于某些或奇怪的原因，内部 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，但无济于事。

Answer 1

用这个

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