纯 CSS 下拉菜单与 focus 二三事

ChrAlpha 的幻想乡 at 
给「Cards」主题的导航栏做下拉菜单已经是好几个版本之前(v0.5)的事情了,由于特殊一些特殊癖好一直没有引入 JavaScript 实现这个操作,而是采用了纯 CSS 的 :focus 伪类相应点击事件。就这么用了整整一年半,终于有小伙伴发邮件反馈,下来菜单在 iOS 上只能点开却没法收回,具体来说就是能 focus 但是点击其他地方没法解除。当初也只是东拼西凑(抄 Spectre CSS)做出来的下拉菜单,没仔细研究。今天就这个机会尝试挖掘一番。focus 伪类 focus 伪类 :focus 表示被点击、触摸或 tab 选中的元素,笼统地说就是「获得焦点」的元素。当初实现这个需求的时候……