回答編集履歴
2
ベンダープレフィックスをなくしました。
test
CHANGED
@@ -152,13 +152,9 @@
|
|
152
152
|
|
153
153
|
position: relative;
|
154
154
|
|
155
|
-
display: -webkit-box;
|
156
|
-
|
157
|
-
display: -webkit-flex;
|
158
|
-
|
159
|
-
display:
|
155
|
+
display: flex;
|
160
|
-
|
156
|
+
|
161
|
-
|
157
|
+
flex-wrap: wrap;
|
162
158
|
|
163
159
|
width: 980px;
|
164
160
|
|
@@ -166,14 +162,6 @@
|
|
166
162
|
|
167
163
|
margin-left: auto;
|
168
164
|
|
169
|
-
|
170
|
-
|
171
|
-
-webkit-flex-wrap: wrap;
|
172
|
-
|
173
|
-
-ms-flex-wrap: wrap;
|
174
|
-
|
175
|
-
flex-wrap: wrap;
|
176
|
-
|
177
165
|
}
|
178
166
|
|
179
167
|
.dropmenu a {
|
@@ -200,21 +188,9 @@
|
|
200
188
|
|
201
189
|
.dropmenu > li:hover > ul {
|
202
190
|
|
203
|
-
display: -webkit-box;
|
204
|
-
|
205
|
-
display: -webkit-flex;
|
206
|
-
|
207
|
-
display:
|
191
|
+
display: flex;
|
208
|
-
|
209
|
-
|
192
|
+
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
-webkit-flex-wrap: wrap;
|
214
|
-
|
215
|
-
-ms-flex-wrap: wrap;
|
216
|
-
|
217
|
-
|
193
|
+
flex-wrap: wrap;
|
218
194
|
|
219
195
|
}
|
220
196
|
|
@@ -246,36 +222,16 @@
|
|
246
222
|
|
247
223
|
.dropmenu > li > ul > li > a {
|
248
224
|
|
249
|
-
display: -webkit-box;
|
250
|
-
|
251
|
-
display: -webkit-flex;
|
252
|
-
|
253
|
-
display:
|
225
|
+
display: flex;
|
254
|
-
|
255
|
-
|
226
|
+
|
256
|
-
|
257
|
-
-ms
|
227
|
+
align-items: center;
|
258
|
-
|
228
|
+
|
259
|
-
|
229
|
+
justify-content: center;
|
260
230
|
|
261
231
|
height: 100%;
|
262
232
|
|
263
233
|
background-color: #444;
|
264
234
|
|
265
|
-
|
266
|
-
|
267
|
-
-webkit-box-align: center;
|
268
|
-
|
269
|
-
-webkit-align-items: center;
|
270
|
-
|
271
|
-
align-items: center;
|
272
|
-
|
273
|
-
-webkit-box-pack: center;
|
274
|
-
|
275
|
-
-webkit-justify-content: center;
|
276
|
-
|
277
|
-
justify-content: center;
|
278
|
-
|
279
235
|
}
|
280
236
|
|
281
237
|
.dropmenu > li > ul > li > a:hover {
|
@@ -284,46 +240,18 @@
|
|
284
240
|
|
285
241
|
}
|
286
242
|
|
287
|
-
.dropmenu .men > a:hover {
|
243
|
+
.dropmenu .men > a:hover { background-color: #2c3ac7; }
|
288
|
-
|
289
|
-
|
244
|
+
|
290
|
-
|
291
|
-
}
|
292
|
-
|
293
|
-
.dropmenu .lay > a:hover {
|
245
|
+
.dropmenu .lay > a:hover { background-color: #c62b35; }
|
294
|
-
|
295
|
-
|
246
|
+
|
296
|
-
|
297
|
-
}
|
298
|
-
|
299
|
-
.dropmenu .girl > a:hover {
|
247
|
+
.dropmenu .girl > a:hover { background-color: #d337b4; }
|
300
|
-
|
301
|
-
|
248
|
+
|
302
|
-
|
303
|
-
}
|
304
|
-
|
305
|
-
.dropmenu .boy > a:hover {
|
249
|
+
.dropmenu .boy > a:hover { background-color: #1d9692; }
|
306
|
-
|
307
|
-
|
250
|
+
|
308
|
-
|
309
|
-
}
|
310
|
-
|
311
|
-
.dropmenu .leg > a:hover {
|
251
|
+
.dropmenu .leg > a:hover { background-color: #5e1922; }
|
312
|
-
|
313
|
-
|
252
|
+
|
314
|
-
|
315
|
-
}
|
316
|
-
|
317
|
-
.dropmenu .tights > a:hover {
|
253
|
+
.dropmenu .tights > a:hover { background-color: #5e1922; }
|
318
|
-
|
319
|
-
|
254
|
+
|
320
|
-
|
321
|
-
}
|
322
|
-
|
323
|
-
.dropmenu .time > a:hover {
|
255
|
+
.dropmenu .time > a:hover { background-color: #dda40c; }
|
324
|
-
|
325
|
-
background-color: #dda40c;
|
326
|
-
|
327
|
-
}
|
328
256
|
|
329
257
|
```
|
1
クラス名を修正しました
test
CHANGED
@@ -14,8 +14,6 @@
|
|
14
14
|
|
15
15
|
- 極力無駄を省きましたので、適宜スタイルを追加してください。
|
16
16
|
|
17
|
-
- htmlの大カテゴリの最後に色がついていなかったので、「aaa」というクラスを追加しました。
|
18
|
-
|
19
17
|
```html
|
20
18
|
|
21
19
|
<div id="globalnavi">
|
@@ -132,7 +130,7 @@
|
|
132
130
|
|
133
131
|
</li>
|
134
132
|
|
135
|
-
<li class="
|
133
|
+
<li class="time"><a href="">カテゴリ7</a></li>
|
136
134
|
|
137
135
|
</ul>
|
138
136
|
|
@@ -328,12 +326,4 @@
|
|
328
326
|
|
329
327
|
}
|
330
328
|
|
331
|
-
.dropmenu .aaa > a:hover {
|
332
|
-
|
333
|
-
background-color: #0e7e29;
|
334
|
-
|
335
|
-
}
|
336
|
-
|
337
|
-
|
338
|
-
|
339
329
|
```
|