作者: LikPan 時間: 2019-4-9 13:42 標題: CSS 最後一個 class 不受影響嘅問題...
小弟不才，Google 咗一陣都唔 work
其實我只係想最尾果個 block 個 margin-bottom = 0
--------------
CSS
- .tBlock{
- display: block;
- background-color: #f1f1f1;
- border-left: 5px solid #dc493f;
- margin-bottom: 15px;
- padding: 15px;
- }
- .tBlock:last-of-type{
- margin-bottom: 0px;
- }
- <div class="row">
- <div class="col-sm-12">
- <h1>Hello Page</h1>
- </div>
- <div class="col-sm-12">
- <div class="tBlock">
- some text here
- </div>
- </div>
- <div class="col-sm-12" >
- <div class="tBlock">
- some text here
- </div>
- </div>
- </div>
- <!-- /.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 師兄
我試下先