質問編集履歴

3

追記しました

2021/11/25 07:11

投稿

free_teku
free_teku

スコア103

test CHANGED
File without changes
test CHANGED
@@ -505,3 +505,173 @@
505
505
  }
506
506
 
507
507
  ```
508
+
509
+
510
+
511
+ ### 追記
512
+
513
+ ```CSS
514
+
515
+ .footer-left {
516
+
517
+ display: -webkit-box;
518
+
519
+ display: -webkit-flex;
520
+
521
+ display: -ms-flexbox;
522
+
523
+ display: flex;
524
+
525
+ -webkit-box-pack: left;
526
+
527
+ -webkit-justify-content: left;
528
+
529
+ -ms-flex-pack: left;
530
+
531
+ justify-content: left;
532
+
533
+ -webkit-box-align: center;
534
+
535
+ -webkit-align-items: center;
536
+
537
+ -ms-flex-align: center;
538
+
539
+ align-items: center;
540
+
541
+ margin-right: auto;
542
+
543
+ }
544
+
545
+
546
+
547
+ .footer-left .nav .footer-list {
548
+
549
+ display: -webkit-box;
550
+
551
+ display: -webkit-flex;
552
+
553
+ display: -ms-flexbox;
554
+
555
+ display: flex;
556
+
557
+ -webkit-box-pack: left;
558
+
559
+ -webkit-justify-content: left;
560
+
561
+ -ms-flex-pack: left;
562
+
563
+ justify-content: left;
564
+
565
+ -webkit-box-align: center;
566
+
567
+ -webkit-align-items: center;
568
+
569
+ -ms-flex-align: center;
570
+
571
+ align-items: center;
572
+
573
+ margin-right: auto;
574
+
575
+ }
576
+
577
+
578
+
579
+ @media screen and (max-width: 700px) {
580
+
581
+ .footer-left .nav .footer-list {
582
+
583
+ display: -webkit-box;
584
+
585
+ display: -webkit-flex;
586
+
587
+ display: -ms-flexbox;
588
+
589
+ display: flex;
590
+
591
+ -webkit-box-orient: vertical;
592
+
593
+ -webkit-box-direction: normal;
594
+
595
+ -webkit-flex-direction: column;
596
+
597
+ -ms-flex-direction: column;
598
+
599
+ flex-direction: column;
600
+
601
+ padding-left: 50px;
602
+
603
+ display: block;
604
+
605
+ text-align: left;
606
+
607
+ }
608
+
609
+ }
610
+
611
+
612
+
613
+ .footer-left .nav .footer-list .footer-item {
614
+
615
+ margin: 32px 28px;
616
+
617
+ }
618
+
619
+
620
+
621
+ .footer-left .nav .footer-list:last-child {
622
+
623
+ margin-right: 0px;
624
+
625
+ }
626
+
627
+
628
+
629
+ .footer-left .nav .footer-list a {
630
+
631
+ color: #fff;
632
+
633
+ font-weight: bold;
634
+
635
+ display: inline-block;
636
+
637
+ position: relative;
638
+
639
+ padding-right: 43px;
640
+
641
+ }
642
+
643
+
644
+
645
+ .footer-left .nav .footer-list a:not(:last-child) {
646
+
647
+ content: "";
648
+
649
+ width: 1px;
650
+
651
+ height: 20px;
652
+
653
+ background-color: #fff;
654
+
655
+ position: absolute;
656
+
657
+ top: -8px;
658
+
659
+ right: -8px;
660
+
661
+ margin-right: 30px;
662
+
663
+ }
664
+
665
+
666
+
667
+ @media screen and (max-width: 700px) {
668
+
669
+ .footer-left .nav .footer-list a {
670
+
671
+ display: none;
672
+
673
+ }
674
+
675
+ }
676
+
677
+ ```

2

追記しました

2021/11/25 07:11

投稿

free_teku
free_teku

スコア103

test CHANGED
File without changes
test CHANGED
@@ -30,6 +30,10 @@
30
30
 
31
31
 
32
32
 
33
+
34
+
35
+
36
+
33
37
  ### 該当のソースコード
34
38
 
35
39
 
@@ -441,3 +445,63 @@
441
445
  }
442
446
 
443
447
  ```
448
+
449
+
450
+
451
+ ### 追記
452
+
453
+ CSS
454
+
455
+ ```CSS
456
+
457
+ .header-item {
458
+
459
+ margin: 32px 28px;
460
+
461
+ }
462
+
463
+
464
+
465
+ &:last-child {
466
+
467
+ margin-right: 0px;
468
+
469
+ }
470
+
471
+
472
+
473
+ a {
474
+
475
+ color: #fff;
476
+
477
+ font-weight: bold;
478
+
479
+ display: inline-block;
480
+
481
+ position: relative;
482
+
483
+ padding-right: 43px;
484
+
485
+ }
486
+
487
+ a:not(:last-child) a:after {
488
+
489
+ content: "";
490
+
491
+ width: 1px;
492
+
493
+ height: 20px;
494
+
495
+ background-color: #fff;
496
+
497
+ position: absolute;
498
+
499
+ top: -8px;
500
+
501
+ right: -8px;
502
+
503
+ margin-right: 30px;
504
+
505
+ }
506
+
507
+ ```

1

修正しました

2021/11/19 23:05

投稿

free_teku
free_teku

スコア103

test CHANGED
@@ -1 +1 @@
1
- Footer li last-childの議事要素を消したい
1
+ Footer li last-childの擬似要素を消したい
test CHANGED
File without changes