[技術討論] CSS 最後一個 class 不受影響嘅問題...

LikPan

小弟不才，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. 
   
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>
   
5. 
   
6.     <div class="col-sm-12">
   
7.       <div class="tBlock">
   
8.         some text here
   
9.       </div>
   
10.     </div>
    
11. 
    
12.     <div class="col-sm-12" >
    
13.       <div class="tBlock">
    
14.         some text here
    
15.       </div>
    
16.     </div>
    
17.   </div>
    
18.   <!-- /.row -->

複製代碼

gn01119056

margin-bottom: 0px !important;

LikPan

thx let me try try

chi251155

更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

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

唔怪得， thx 師兄
我試下先