Как скрыть панель навигации и заголовок страницы для определенной страницы

#html #css

Вопрос:

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

Я добавил этот код в файл .css страницы, но в итоге он скрывает панель навигации и заголовок страницы для каждой страницы’:

 .navbar-custom {
  display: none;
  visibility: hidden;
}

header{
  display: none;
}
 

Скриншот текущей страницы:

введите описание изображения здесь

Большое спасибо за вашу помощь.

Ответ №1:

Если вы установите id значение для body элемента на этой конкретной странице. Затем вы можете установить те же правила с #page-id префиксом.

Например:

 #page-id .navbar-custom {
  display: none;
  visibility: hidden;
}

#page-id header{
  display: none;
}
 

Ответ №2:

Вы также можете создать отдельную таблицу стилей для страницы, которую вы хотите скрыть