html - 一个 <div> 用于多个元素

Question

我使用的是 bootstrap 2.3.2。我将这个 div 类 SingleNewsMain 应用于许多新闻元素

<div class="SingleNewsMain">                    
                <div class="NewsMainHeader">
                Some header
                    </div>
                <div class="NewsMainPublishInfo">
                Some Info
                    </div>
                <div class="NewsMainShort"> 
                            Some Short Content
                    </div>
                <div class="NewsMainReadMore"> 
                Some Read More
                    </div>
            </div>  
<div class="SingleNewsMain">                    
                <div class="NewsMainHeader">
                Some header
                    </div>
                <div class="NewsMainPublishInfo">
                Some Info
                    </div>
                <div class="NewsMainShort"> 
                            Some Short Content
                    </div>
                <div class="NewsMainReadMore"> 
                Some Read More
                    </div>
            </div>

在我的 .css 中，我得到了以下内容:

.SingleNewsMain{
  padding-right: 25px;
  padding-left: 110px;
}

但要点是，它仅应用于第一个 div 类“SingleNewsMain”，其他 div 保持不变并且没有填充。我哪里失败了？

Answer 1

尝试 CSS1 规范很重要:

.SingleNewsMain{
  padding-right: 25px!important;
  padding-left: 110px!important;
}

阅读:http://coding.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/