Есть ли способ переопределить медиа-запрос с помощью: флажка псевдокласс? - PullRequest
Новая
       11

Есть ли способ переопределить медиа-запрос с помощью: флажка псевдокласс?

0 голосов
/ 25 февраля 2020

Это мой html код. Div с классом ".menu" возвращает функцию wp_nav_menu (). 

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

И есть мой код css. То, что я пытаюсь сделать sh, это скрыть меню, если ширина экрана меньше 600 пикселей, но сделать его снова видимым после запуска ввода. 

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

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

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

Моя проблема в том, что нажатие на ввод не показывает div. Я проверил chrome осмотреть, и я вижу, что css работает, но div не отображается. Есть ли порядок, который я должен применить на css, чтобы он работал? Я искал, но ничего не нашел о переопределениях медиазапросов.

...