0

ブートストラップ 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 は変更されず、パディングがないことです。どこで失敗しましたか？

4

2 に答える 2

0

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/

于 2013-09-17T05:58:18.930 に答える
-1

親を選択しているだけです。これを適用する場合は、子も選択する必要があります。このように。

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

コードでベスト プラクティスとして css セレクターを使用する方法を確認する必要があります。 http://www.w3schools.com/cssref/css_selectors.asp

于 2013-09-17T03:41:37.533 に答える