回答編集履歴
1
説明追記
test
CHANGED
|
@@ -92,7 +92,15 @@
|
|
|
92
92
|
|
|
93
93
|
```
|
|
94
94
|
|
|
95
|
+
> アコーディオンAをクリックすると aaa・bbb・ccc だけでなく ddd・eee・fff も表示されてしまいます。
|
|
95
96
|
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
[一般兄弟結合子(~)](https://developer.mozilla.org/ja/docs/Web/CSS/General_sibling_combinator)を使っているの原因です。これだと後ろの兄弟要素がすべて選択されます。
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
[隣接兄弟結合子(+)](https://developer.mozilla.org/ja/docs/Web/CSS/Adjacent_sibling_combinator)を使うと直後の要素のみを選択できます。
|
|
96
104
|
|
|
97
105
|
|
|
98
106
|
|