回答編集履歴
1
説明追記
answer
CHANGED
|
@@ -45,8 +45,12 @@
|
|
|
45
45
|
</div>
|
|
46
46
|
</div>
|
|
47
47
|
```
|
|
48
|
+
> アコーディオンAをクリックすると aaa・bbb・ccc だけでなく ddd・eee・fff も表示されてしまいます。
|
|
48
49
|
|
|
50
|
+
[一般兄弟結合子(~)](https://developer.mozilla.org/ja/docs/Web/CSS/General_sibling_combinator)を使っているの原因です。これだと後ろの兄弟要素がすべて選択されます。
|
|
49
51
|
|
|
52
|
+
[隣接兄弟結合子(+)](https://developer.mozilla.org/ja/docs/Web/CSS/Adjacent_sibling_combinator)を使うと直後の要素のみを選択できます。
|
|
53
|
+
|
|
50
54
|
```css
|
|
51
55
|
div.acd {
|
|
52
56
|
width: 100%;
|