Question

我不知道为什么，但是出于某些或奇怪的原因，使用自定义样式表css时，内部p标签的特定样式没有样式，但在内联时效果非常好。

显然我试图避免使用内联，因为它不是最好的做法。使用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;}

Answer 2

尝试使用

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

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

但它没有作用！重要的是，我不认为！重要的不是godd使用，请检查你的其他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;
 }

bootstrap外部样式表没有样式html

4 个答案: