質問編集履歴

2

追加修正しました

2021/06/12 07:02

投稿

B_J
B_J

スコア15

test CHANGED
File without changes
test CHANGED
@@ -4,60 +4,148 @@
4
4
 
5
5
  ```ここに言語を入力
6
6
 
7
- .h-list a:last-child{
7
+ .h-menu{
8
8
 
9
- color: blue;
9
+ display: flex;
10
+
11
+ align-items: center;
10
12
 
11
13
  }
14
+
15
+
16
+
17
+
18
+
19
+ .h-list{
20
+
21
+ display: inline-block;
22
+
23
+ position: relative;
24
+
25
+ }
26
+
27
+
28
+
29
+ .h-list a{
30
+
31
+ color: black;
32
+
33
+ display: block;
34
+
35
+ }
36
+
37
+
38
+
39
+ .h-list:last-child {
40
+
41
+ background: yellow;
42
+
43
+ color:#white;
44
+
45
+ }
46
+
47
+
48
+
49
+ ul {
50
+
51
+ list-style: none;
52
+
53
+ }
12
54
 
13
55
  ```
14
56
 
15
57
 
16
58
 
17
- html
59
+ ```ここに言語を入力
18
60
 
19
- <nav class="h-nav">
61
+ <nav class="h-nav">
20
62
 
21
- <ul class="h-menu">
63
+ <ul class="h-menu">
22
64
 
23
- <li class="h-list">
65
+ <li class="h-list">
24
66
 
25
- <a href="#">A</a>
67
+ <a href="#">A</a>
26
68
 
27
- <ul class="sub-menu">
69
+ <ul class="sub-menu">
28
70
 
29
71
 
30
72
 
31
- <li class="sub-menu-item a">
73
+ <li class="sub-menu-item a">
32
74
 
33
- <a href="#">A-1</a>
75
+ <a href="#">A-1</a>
34
76
 
35
- </li>
77
+ </li>
78
+
79
+ <li class="sub-menu-item a">
80
+
81
+ <a href="#">A-2</a>
82
+
83
+ </li>
84
+
85
+
86
+
87
+ </ul>
88
+
89
+ </li>
90
+
91
+
92
+
93
+ <li class="h-list">
94
+
95
+ B
96
+
97
+ </li>
98
+
99
+
100
+
101
+ <li class="h-list">
102
+
103
+ <a href="#">C</a>
104
+
105
+ </li>
106
+
107
+
108
+
109
+ <li class="h-list">
110
+
111
+ D
112
+
113
+ </li>
114
+
115
+
116
+
117
+ <li class="h-list">
118
+
119
+ E
120
+
121
+ </li>
122
+
123
+
124
+
125
+ <li class="h-list">
126
+
127
+ <a href="#">F</a>
128
+
129
+ </li>
130
+
131
+
132
+
133
+ <li class="h-list">
134
+
135
+ <a href="#">G</a>
136
+
137
+ </li>
138
+
139
+
140
+
141
+ </ul>
142
+
143
+ </nav>
144
+
145
+ ```
36
146
 
37
147
 
38
148
 
39
149
 
40
150
 
41
- <li class="h-list">
42
-
43
- <a href="#">B</a>
44
-
45
- </li>
46
-
47
-
48
-
49
- <li class="h-list">
50
-
51
- <a href="#">C</a>
52
-
53
- </li>
54
-
55
-
56
-
57
- </ul>
58
-
59
- </nav>
60
-
61
-
62
-
63
151
  解決策を教えて下さい。

1

html追加

2021/06/12 07:02

投稿

B_J
B_J

スコア15

test CHANGED
File without changes
test CHANGED
@@ -14,4 +14,50 @@
14
14
 
15
15
 
16
16
 
17
+ html
18
+
19
+ <nav class="h-nav">
20
+
21
+ <ul class="h-menu">
22
+
23
+ <li class="h-list">
24
+
25
+ <a href="#">A</a>
26
+
27
+ <ul class="sub-menu">
28
+
29
+
30
+
31
+ <li class="sub-menu-item a">
32
+
33
+ <a href="#">A-1</a>
34
+
35
+ </li>
36
+
37
+
38
+
39
+
40
+
41
+ <li class="h-list">
42
+
43
+ <a href="#">B</a>
44
+
45
+ </li>
46
+
47
+
48
+
49
+ <li class="h-list">
50
+
51
+ <a href="#">C</a>
52
+
53
+ </li>
54
+
55
+
56
+
57
+ </ul>
58
+
59
+ </nav>
60
+
61
+
62
+
17
63
  解決策を教えて下さい。