Css 有没有办法用：checked pseudo类覆盖媒体查询？

这是我的html代码。带有“.menu”类的div从wp_nav_menu（）函数返回

  <input type="checkbox" id="mobile-menu-check" name="mobile">
  <?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'container_class' => 'menu' ) ); ?>

---

我这里的问题是点击输入并没有显示div。我在chrome inspect上检查了一下，我可以看到css可以工作，但div仍然没有显示。有没有一个命令，我应该申请的css使其工作？我搜索了，但找不到有关媒体查询覆盖的任何信息。

我们能看到HTML呈现的输出吗？另外，请注意，媒体查询不会增加特定性，因此您可以在媒体查询后移动

输入

测试并删除

！重要

。您可以在媒体查询中执行

输入：未（：选中）+菜单{显示：无！重要；}

我认为应该work@AlonEitan这非常有效。谢谢。

.menu { float: right; display: block;}

input:checked + .menu { display: block!important; }

@media screen and (max-width: 600px) {
    .menu { display: none; }
}