0

子 div に右の境界線がありますが、最後の div から右の境界線を削除したいと考えています。

ここにHTMLがあります

         <div class="nav-footer">

            <div class="col-lg-2">
              <h2 class="light-blue">Who</h2>
              <p class="white">are the people/ would you drink with</p>
            </div>
            <div class="col-lg-2">
              <h2 class="light-blue">Where</h2>
              <p class="white">would be having a hangover</p>
           </div>
            <div class="col-lg-2">
              <h2 class="light-blue">What</h2>
              <p class="white">would you be working on</p>
            </div>
             <div class="col-lg-2">
              <h2 class="light-blue">How</h2>
              <p class="white">does a team drink</p>
            </div>
             <div class="col-lg-2">
              <h2 class="light-blue">Why</h2>
              <p class="white">should you drink</p>
            </div>
             <div class="col-lg-2">
              <h2 class="light-blue">Show</h2>
              <p class="white">at Vegas</p>
            </div>
        </div>

CSS

.nav-footer .col-lg-2       { border-right: 1px solid #ffffff;}
.nav-footer .col-lg-2 .last { border-right:none; }

それはそのようには機能しません...

ありがとう。

4

1 に答える 1

3

:last-childセレクターを使用するつもりだったと思います ：

.nav-footer .col-lg-2:last-child

jsFiddle の例はこちら。

于 2013-10-22T18:15:03.690 に答える