回答編集履歴

2

修正です

2020/08/03 05:33

投稿

akihiro3
akihiro3

スコア955

test CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  /* checkboxと同階層 */
30
30
 
31
- #menu[type="checkbox"]:checked ~ ul.test01 .test{
31
+ #menu[type="checkbox"]:checked ~ ul.test01 .test .p{
32
32
 
33
33
  display: none;
34
34
 
@@ -64,7 +64,7 @@
64
64
 
65
65
  <ul class="top_banner test01">
66
66
 
67
- <li><a class="test" href="#">ホーム</a><p class="p">a</p></li>
67
+ <li class="test"><a href="#">ホーム<p class="p">a</p></a></li>
68
68
 
69
69
  <li><a href="#">テスト</a></li>
70
70
 
@@ -78,7 +78,7 @@
78
78
 
79
79
  <ul class="top_banner test02">
80
80
 
81
- <li><a class="active" href="#">ホーム</a><p class="p">a</p></li>
81
+ <li><a class="active" href="#">ホーム</a></li>
82
82
 
83
83
  <li><a href="#">会社概要</a></li>
84
84
 

1

追記です

2020/08/03 05:33

投稿

akihiro3
akihiro3

スコア955

test CHANGED
@@ -113,3 +113,27 @@
113
113
  </div>
114
114
 
115
115
  ```
116
+
117
+
118
+
119
+ ### 追記
120
+
121
+ 簡単な解決策は、checkboxを`nav`から出すことかな?
122
+
123
+ ```html
124
+
125
+ <input type="checkbox">
126
+
127
+ <nav>
128
+
129
+ </nav>
130
+
131
+ <div class="loader_area">
132
+
133
+ <div class="loader">
134
+
135
+ </div>
136
+
137
+ </div>
138
+
139
+ ```