@Rubix
Люблю кодить, разрабатываю проекты в разных сферах

Как применить стили к родителю при псевдоклассе?

Итак, в CSS можно сделать так, что при hover на какой-нибудь элемент, можно будет применить стили к его потомку и это факт
Вот так

<div>
<p>Ok</p>
</div>

div {
  height: 100px;
  background-color: yellow;
  display: flex;
  align-items: center;
}
p {
  height: 50px;
  background-color: orange;
  width:100%;
}
div:hover p { /* Вот так для потомка при наведении на DIV */
  background-color: red;
}
p:hover { /* А вот так для самого P при наведении на него */
  background-color: green !important;
}


НО можно ли сделать наоборот? Чтобы при наведении на элемент применять стили не к самому элементу, не к его потомкам, а к его родителю? Сейчас мне это очень надо
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ответы на вопрос 1
@FrelFrloich
нет, вы не можете подняться вверх по каскаду, на то она и каскадная таблица стилей.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы