Board logo

標題: [技術討論] CSS 最後一個 class 不受影響嘅問題... [打印本頁]
作者: LikPan    時間: 2019-4-9 13:42     標題: CSS 最後一個 class 不受影響嘅問題...

小弟不才，Google 咗一陣都唔 work
其實我只係想最尾果個 block 個 margin-bottom = 0
--------------
CSS
  1. .tBlock{
  2.         display: block;
  3.         background-color: #f1f1f1;
  4.         border-left: 5px solid #dc493f;
  5.         margin-bottom: 15px;
  6.         padding: 15px;
  7. }

  9. .tBlock:last-of-type{
  10.         margin-bottom: 0px;
  11. }
複製代碼
HTML
  1.   <div class="row">
  2.     <div class="col-sm-12">
  3.       <h1>Hello Page</h1>
  4.     </div>

  6.     <div class="col-sm-12">
  7.       <div class="tBlock">
  8.         some text here
  9.       </div>
  10.     </div>

  12.     <div class="col-sm-12" >
  13.       <div class="tBlock">
  14.         some text here
  15.       </div>
  16.     </div>
  17.   </div>
  18.   <!-- /.row -->
複製代碼
作者: gn01119056    時間: 2019-4-9 15:04

margin-bottom: 0px !important;
作者: LikPan    時間: 2019-4-9 15:49

thx let me try try
作者: chi251155    時間: 2019-4-9 19:07

本帖最後由 chi251155 於 2019-4-9 19:14 編輯

更specific嘅query唔使落important。
問題係last-of-type 係指 parent container入面最後一個occurence，而唔係dom嘅最後一個occurence。
所以應該係 .col-sm-12:last-of-type > .tBlock { ... }
你而家所有.tBlock 嘅 bottom margin係0，因為所有.tBlock都分別係佢parent container（即.col-sm-12）嘅最後一個.tBlock。
作者: LikPan    時間: 2019-4-10 10:42

更specific嘅query唔使落important。
問題係last-of-type 係指 parent container入面最後一個occurence，而 ...
chi251155 發表於 2019-4-9 19:07



唔怪得， thx 師兄
我試下先




歡迎光臨 電腦領域 HKEPC Hardware (https://h0.hkepc.com/forum/) Powered by Discuz! 7.2