[技術討論] 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. }

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

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

  10.     <div class="col-sm-12" >
  11.       <div class="tBlock">
  12.         some text here
  13.       </div>
  14.     </div>
  15.   </div>
  16.   <!-- /.row -->
複製代碼

margin-bottom: 0px !important;

TOP

thx let me try try

TOP

本帖最後由 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。

TOP

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



唔怪得, thx 師兄
我試下先

TOP