css - 如何激活 :focus on input[type="checkbox"]？

Question

所以我正在尝试显示：当我使用键盘通过导航按钮（TAB）导航时，块菜单聚焦

悬停代码：显示：块；那工作得很好

 //desktop view - view sub menu on hover instead of click

    #menu li:hover > input[type="checkbox"] + .sub-menu {
      @include respond(tab-land) {
        display: block;
      }
    }

试图让菜单显示块成为焦点（键盘选项卡导航）

以下解决方案均无效

#menu li:focus> input[type="checkbox"] + .sub-menu {
  @include respond(tab-land) {
    display: block;
  }
}
#menu li:focus::after > input[type="checkbox"] + .sub-menu {
  @include respond(tab-land) {
    display: block;
  }
}

标签： cssonfocus