回答編集履歴

3

調整

2023/04/21 09:02

投稿

yambejp
yambejp

スコア114883

test CHANGED
@@ -41,3 +41,34 @@
41
41
  </div>
42
42
 
43
43
  ```
44
+
45
+ # 追記
46
+ ```CSS
47
+ <style>
48
+ h3{
49
+ background-Color:lime;
50
+ }
51
+ .section-inner,.dummy{
52
+ background-Color:gray;
53
+ height:fit-content;
54
+ }
55
+ .features-box{
56
+ background-Color:yellow;
57
+ }
58
+ .features-box:not(:last-of-type ) {
59
+ margin-bottom: 85px;
60
+ }
61
+ .features-box:last-of-type{
62
+ margin-bottom: 135px;
63
+ }
64
+ </style>
65
+ <div class="section-inner">
66
+ <h3 class="features-ttl element">高速コーディング</h3>
67
+ <div class="features-box element">test1</div>
68
+ <h3 class="features-ttl element">高品質</h3>
69
+ <div class="features-box features-box_return element">test2</div>
70
+ <h3 class="features-ttl element">迅速なレスポンス</h3>
71
+ <div class="features-box features-box_3 element">test3</div>
72
+ </div>
73
+ <div class="dummny">dummy</div>
74
+ ```

2

ついき

2023/04/21 03:19

投稿

yambejp
yambejp

スコア114883

test CHANGED
@@ -31,5 +31,13 @@
31
31
  <div class="fuga">4</div> <!-- 最後のdivでfugaなのでマッチ -->
32
32
  <span>5</span>
33
33
  </div>
34
+ <hr>
35
+ <div class="hoge">
36
+ <div class="fuga">1</div>
37
+ <span class="fuga">2</span>
38
+ <div class="fuga">3</div>
39
+ <span class="fuga">4</span> <!-- 最後のspanでfugaなのでマッチ -->
40
+ <div class="fuga">5</div> <!-- 最後のdivでfugaなのでマッチ -->
41
+ </div>
34
42
 
35
43
  ```

1

コメントつき

2023/04/21 03:18

投稿

yambejp
yambejp

スコア114883

test CHANGED
@@ -13,13 +13,23 @@
13
13
  <div class="fuga">2</div>
14
14
  <div class="fuga">3</div>
15
15
  <div class="fuga">4</div>
16
- <div class="fuga">5</div>
16
+ <div class="fuga">5</div> <!-- これがマッチ -->
17
17
  </div>
18
+ <hr>
18
19
  <div class="hoge">
19
20
  <div class="fuga">1</div>
20
21
  <div class="fuga">2</div>
21
22
  <div class="fuga">3</div>
22
- <div class="fuga">4</div>
23
+ <div class="fuga">4</div> <!-- fugaの最後だがdivの最後ではないのでマッチしない -->
23
- <div>5</div>
24
+ <div>5</div> <!-- 最後のdivがfugaではないのでマッチしない -->
24
25
  </div>
26
+ <hr>
27
+ <div class="hoge">
28
+ <div class="fuga">1</div>
29
+ <div class="fuga">2</div>
30
+ <div class="fuga">3</div>
31
+ <div class="fuga">4</div> <!-- 最後のdivでfugaなのでマッチ -->
32
+ <span>5</span>
33
+ </div>
34
+
25
35
  ```