Задать вопрос
@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 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Нужен человек с опытом работы с библиотекой SwiperJS
03 мая 2024, в 03:55
1000 руб./за проект
Скрипт для оценки ссылки через Virus Total
03 мая 2024, в 02:30
3000 руб./за проект
Переписать бота тг с питона на Go по ветке из гита
03 мая 2024, в 02:03
20000 руб./за проект
Ещё заказы