質問するログイン新規登録

質問編集履歴

1

destyle.cssのソースコード削除

2024/05/16 12:53

投稿

billye395
billye395

スコア1

title CHANGED
File without changes
body CHANGED
@@ -10,10 +10,10 @@
10
10
  }
11
11
 
12
12
  を入力したが、CSSの結果が反映されない。
13
- エラーコードは見つからないが、ちゃんと偶数で横並びにならないので困っている。(oddにしたら、機能した。)
13
+ エラーコードは見つからないが、ちゃんと偶数で横並びにならないので困っている。
14
14
 
15
15
  ### エラーメッセージ
16
- ```error
16
+
17
17
  エラーコードはないが、 flex-direction: row-reverse;の結果が反映されない。
18
18
  使っているブラウザは、Brave v 1.65.133で、Visual Studio Code書いている。
19
19
  ```
@@ -113,428 +113,8 @@
113
113
  }
114
114
 
115
115
 
116
- ```
117
116
 
118
- ```destyle.css
119
- /*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
120
117
 
121
- /* Reset box-model and set borders */
122
- /* ============================================ */
123
-
124
- *,
125
- ::before,
126
- ::after {
127
- box-sizing: border-box;
128
- border-style: solid;
129
- border-width: 0;
130
- min-width: 0;
131
- }
132
-
133
- /* Document */
134
- /* ============================================ */
135
-
136
- /**
137
- * 1. Correct the line height in all browsers.
138
- * 2. Prevent adjustments of font size after orientation changes in iOS.
139
- * 3. Remove gray overlay on links for iOS.
140
- */
141
-
142
- html {
143
- line-height: 1.15; /* 1 */
144
- -webkit-text-size-adjust: 100%; /* 2 */
145
- -webkit-tap-highlight-color: transparent; /* 3*/
146
- }
147
-
148
- /* Sections */
149
- /* ============================================ */
150
-
151
- /**
152
- * Remove the margin in all browsers.
153
- */
154
-
155
- body {
156
- margin: 0;
157
- }
158
-
159
- /**
160
- * Render the `main` element consistently in IE.
161
- */
162
-
163
- main {
164
- display: block;
165
- }
166
-
167
- /* Vertical rhythm */
168
- /* ============================================ */
169
-
170
- p,
171
- table,
172
- blockquote,
173
- address,
174
- pre,
175
- iframe,
176
- form,
177
- figure,
178
- dl {
179
- margin: 0;
180
- }
181
-
182
- /* Headings */
183
- /* ============================================ */
184
-
185
- h1,
186
- h2,
187
- h3,
188
- h4,
189
- h5,
190
- h6 {
191
- font-size: inherit;
192
- font-weight: inherit;
193
- margin: 0;
194
- }
195
-
196
- /* Lists (enumeration) */
197
- /* ============================================ */
198
-
199
- ul,
200
- ol {
201
- margin: 0;
202
- padding: 0;
203
- list-style: none;
204
- }
205
-
206
- /* Lists (definition) */
207
- /* ============================================ */
208
-
209
- dt {
210
- font-weight: bold;
211
- }
212
-
213
- dd {
214
- margin-left: 0;
215
- }
216
-
217
- /* Grouping content */
218
- /* ============================================ */
219
-
220
- /**
221
- * 1. Add the correct box sizing in Firefox.
222
- * 2. Show the overflow in Edge and IE.
223
- */
224
-
225
- hr {
226
- box-sizing: content-box; /* 1 */
227
- height: 0; /* 1 */
228
- overflow: visible; /* 2 */
229
- border-top-width: 1px;
230
- margin: 0;
231
- clear: both;
232
- color: inherit;
233
- }
234
-
235
- /**
236
- * 1. Correct the inheritance and scaling of font size in all browsers.
237
- * 2. Correct the odd `em` font sizing in all browsers.
238
- */
239
-
240
- pre {
241
- font-family: monospace, monospace; /* 1 */
242
- font-size: inherit; /* 2 */
243
- }
244
-
245
- address {
246
- font-style: inherit;
247
- }
248
-
249
- /* Text-level semantics */
250
- /* ============================================ */
251
-
252
- /**
253
- * Remove the gray background on active links in IE 10.
254
- */
255
-
256
- a {
257
- background-color: transparent;
258
- text-decoration: none;
259
- color: inherit;
260
- }
261
-
262
- /**
263
- * 1. Remove the bottom border in Chrome 57-
264
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
265
- */
266
-
267
- abbr[title] {
268
- text-decoration: underline dotted; /* 2 */
269
- }
270
-
271
- /**
272
- * Add the correct font weight in Chrome, Edge, and Safari.
273
- */
274
-
275
- b,
276
- strong {
277
- font-weight: bolder;
278
- }
279
-
280
- /**
281
- * 1. Correct the inheritance and scaling of font size in all browsers.
282
- * 2. Correct the odd `em` font sizing in all browsers.
283
- */
284
-
285
- code,
286
- kbd,
287
- samp {
288
- font-family: monospace, monospace; /* 1 */
289
- font-size: inherit; /* 2 */
290
- }
291
-
292
- /**
293
- * Add the correct font size in all browsers.
294
- */
295
-
296
- small {
297
- font-size: 80%;
298
- }
299
-
300
- /**
301
- * Prevent `sub` and `sup` elements from affecting the line height in
302
- * all browsers.
303
- */
304
-
305
- sub,
306
- sup {
307
- font-size: 75%;
308
- line-height: 0;
309
- position: relative;
310
- vertical-align: baseline;
311
- }
312
-
313
- sub {
314
- bottom: -0.25em;
315
- }
316
-
317
- sup {
318
- top: -0.5em;
319
- }
320
-
321
- /* Replaced content */
322
- /* ============================================ */
323
-
324
- /**
325
- * Prevent vertical alignment issues.
326
- */
327
-
328
- svg,
329
- img,
330
- embed,
331
- object,
332
- iframe {
333
- vertical-align: bottom;
334
- }
335
-
336
- /* Forms */
337
- /* ============================================ */
338
-
339
- /**
340
- * Reset form fields to make them styleable.
341
- * 1. Make form elements stylable across systems iOS especially.
342
- * 2. Inherit text-transform from parent.
343
- */
344
-
345
- button,
346
- input,
347
- optgroup,
348
- select,
349
- textarea {
350
- -webkit-appearance: none; /* 1 */
351
- appearance: none;
352
- vertical-align: middle;
353
- color: inherit;
354
- font: inherit;
355
- background: transparent;
356
- padding: 0;
357
- margin: 0;
358
- border-radius: 0;
359
- text-align: inherit;
360
- text-transform: inherit; /* 2 */
361
- }
362
-
363
- /**
364
- * Correct cursors for clickable elements.
365
- */
366
-
367
- button,
368
- [type="button"],
369
- [type="reset"],
370
- [type="submit"] {
371
- cursor: pointer;
372
- }
373
-
374
- button:disabled,
375
- [type="button"]:disabled,
376
- [type="reset"]:disabled,
377
- [type="submit"]:disabled {
378
- cursor: default;
379
- }
380
-
381
- /**
382
- * Improve outlines for Firefox and unify style with input elements & buttons.
383
- */
384
-
385
- :-moz-focusring {
386
- outline: auto;
387
- }
388
-
389
- select:disabled {
390
- opacity: inherit;
391
- }
392
-
393
- /**
394
- * Remove padding
395
- */
396
-
397
- option {
398
- padding: 0;
399
- }
400
-
401
- /**
402
- * Reset to invisible
403
- */
404
-
405
- fieldset {
406
- margin: 0;
407
- padding: 0;
408
- min-width: 0;
409
- }
410
-
411
- legend {
412
- padding: 0;
413
- }
414
-
415
- /**
416
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
417
- */
418
-
419
- progress {
420
- vertical-align: baseline;
421
- }
422
-
423
- /**
424
- * Remove the default vertical scrollbar in IE 10+.
425
- */
426
-
427
- textarea {
428
- overflow: auto;
429
- }
430
-
431
- /**
432
- * Correct the cursor style of increment and decrement buttons in Chrome.
433
- */
434
-
435
- [type="number"]::-webkit-inner-spin-button,
436
- [type="number"]::-webkit-outer-spin-button {
437
- height: auto;
438
- }
439
-
440
- /**
441
- * Correct the outline style in Safari.
442
- */
443
-
444
- [type="search"] {
445
- outline-offset: -2px; /* 1 */
446
- }
447
-
448
- /**
449
- * Remove the inner padding in Chrome and Safari on macOS.
450
- */
451
-
452
- [type="search"]::-webkit-search-decoration {
453
- -webkit-appearance: none;
454
- }
455
-
456
- /**
457
- * 1. Correct the inability to style clickable types in iOS and Safari.
458
- * 2. Fix font inheritance.
459
- */
460
-
461
- ::-webkit-file-upload-button {
462
- -webkit-appearance: button; /* 1 */
463
- font: inherit; /* 2 */
464
- }
465
-
466
- /**
467
- * Fix appearance for Firefox
468
- */
469
- [type="number"] {
470
- -moz-window-button-minimize: textfield;
471
- }
472
-
473
- /**
474
- * Clickable labels
475
- */
476
-
477
- label[for] {
478
- cursor: pointer;
479
- }
480
-
481
- /* Interactive */
482
- /* ============================================ */
483
-
484
- /*
485
- * Add the correct display in Edge, IE 10+, and Firefox.
486
- */
487
-
488
- details {
489
- display: block;
490
- }
491
-
492
- /*
493
- * Add the correct display in all browsers.
494
- */
495
-
496
- summary {
497
- display: list-item;
498
- }
499
-
500
- /*
501
- * Remove outline for editable content.
502
- */
503
-
504
- [contenteditable]:focus {
505
- outline: auto;
506
- }
507
-
508
- /* Tables */
509
- /* ============================================ */
510
-
511
- /**
512
- 1. Correct table border color inheritance in all Chrome and Safari.
513
- */
514
-
515
- table {
516
- border-color: inherit; /* 1 */
517
- border-collapse: collapse;
518
- }
519
-
520
- caption {
521
- text-align: left;
522
- }
523
-
524
- td,
525
- th {
526
- vertical-align: top;
527
- padding: 0;
528
- }
529
-
530
- th {
531
- text-align: left;
532
- font-weight: bold;
533
- }
534
-
535
-
536
- ```
537
-
538
118
  ### 試したこと・調べたこと
539
119
  - [x] teratailやGoogle等で検索した
540
120
  - [x] ソースコードを自分なりに変更した