display none не работает

Я пытаюсь разработать таблицу стилей для мобильных устройств, и в этой таблице стилей я хочу удалить конкретный div.

В HTML-коде div я помещаю идентификатор, называемый «tfl», как показано ниже:

Этот код не является минами, так как это встроенный код, данный веб-сайтом TFL.

Я хочу скрыть этот div, чтобы сделать его более удобным для мобильного пользователя, я сделал:

Этот код мне не работает, и я даже применил его к соответствующему заголовку, и это не сработало, как показано еще раз:

Какая проблема здесь? Этот код работал на другой странице на сопоставленном изображении. (Я не могу использовать jQuery и JavaScript (uni assingment, смотрящий на CSS)).

Хочу сделать меню — гамбургер в мобильной версии. Но чтобы видно было только в мобильной версии. А в полноэкранном режиме обычное меню. У меня видно и в моб.версии и в полноэкранном режиме, display: none не работает. Что можно сделать?

2 ответа 2

Либо у вас опечатка в пробелах, либо вы смотрите на ширине меньше 480:

Воспроизводимый пример на codepen & sass

Вопрос решен. Просто перекрывался другим селектором

Всё ещё ищете ответ? Посмотрите другие вопросы с метками html css sass или задайте свой вопрос.

Похожие

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2019 Stack Exchange Inc; пользовательское содержимое попадает под действие лицензии cc by-sa 4.0 с указанием ссылки на источник. rev 2019.11.15.35459

Хочу сделать меню — гамбургер в мобильной версии. Но чтобы видно было только в мобильной версии. А в полноэкранном режиме обычное меню. У меня видно и в моб.версии и в полноэкранном режиме, display: none не работает. Что можно сделать?
Есть html код:

Оцените статью