Задать вопрос
@Zhyhana
учусь
html

Как выбрать элемент с помощью css селектора?

Есть страница, на которой вид хедера должен отличатся в зависимости от того что отображается в основном блоке (id и class меняются)
<body>
   <header class="header" id="header">
      ...
   </header>
   <main id="..." class="...">
      ...
   </main>
</body>

Как с помощью css селекторов задать свойства header'у, если, например,
<body>
   <header class="header" id="header">
      ...
   </header>
   <main id="main1">
      ...
   </main>
</body>
?
  • Вопрос задан
  • 165 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
dmitry_luzanov
@dmitry_luzanov
с помощью css селектора
- никак
Ответ написан
Комментировать
Комментировать
devellopah
@devellopah
я могу ошибаться, но мне кажется, что вместо 
<main id="whateverId" class="whateverClass"></main>

лучше написать так
<main>
  <div id="whateverId" class="whateverClass"></div>
</main>

не ответ на твой вопрос - просто поправка к вёрстке.
Ответ написан
3 комментария
3 комментария
@Salim_Gareev
Шапку лучше не трогать. Но если класс элемента боди меняется то:
<div id='header'>
</div>
<div id='body'>
</div>

и 
#header+#body.class1{
//одни свойства
}
#header+#body.class2{
//другие свойства
}

т.е. нужно использовать + или ~
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужен верстальщик. Переверстать, доверстать, доработать интерфейс
22 нояб. 2024, в 16:13
7000 руб./за проект
Доработка и исправление ошибок в работе Личного кабинета сайта
22 нояб. 2024, в 15:59
35000 руб./за проект
Рефакторинг vue.js/nest.js интерфейса у админки
22 нояб. 2024, в 15:50
150000 руб./за проект
Ещё заказы