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/

Answer 2

您只选择父母。如果您想要应用它，您还需要选择子项。就像这样。

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

您应该了解如何在代码中使用css选择器进行最佳实践。 http://www.w3schools.com/cssref/css_selectors.asp

许多项目的一个<div> </div>

2 个答案: