聚焦按钮并更改 div 的显示

Question

我想 focus a button 并 div 将显示更改为 display:flex

这个码笔link要简单些

https://codepen.io/Rvssco/pen/bGoERxY

提前致谢。

Answer 1

必须重新排列 div 个块：https://codepen.io/angelhearted/pen/wvrMjyE

1. 已将 menudrop 移动到 textBtn-wrap div。所以第二点行得通
2. 使用 tilda 选择器：.buttonMenu:focus ~ .menudrop { display: flex; }
3. 最后一个选择器有错字，“显示”中的“l”丢失了。