回答編集履歴
2
修正です
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
|
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><
|
81
|
+
<li><a class="active" href="#">ホーム</a></li>
|
82
82
|
|
83
83
|
<li><a href="#">会社概要</a></li>
|
84
84
|
|
1
追記です
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
|
+
```
|