@nikitasalnikov
Новичок

Как можно реализовать без js?

Здравствуйте. Есть два блока
<div class ="block1">
    <ul>
       <li class ="x">
       </li>
   </ul>
</div>
<div class ="block2">
    <ul>
       <li>
       </li>
   </ul>
</div>


Блок с классом block2 скрыт. Как можно обратиться к этому классу чтобы при наведении на класс х, я мог открыть блок2.
То есть x:hover ...что дальше?... {display:block;}
  • Вопрос задан
  • 115 просмотров
Пригласить эксперта
Ответы на вопрос 2
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
Никак. Только .block1:hover + .block2 { ... }
Ответ написан
Комментировать
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.block1:has(ul > .x:hover) + .block2 {
  display: block;
}


Но это в будущем. Сейчас не работает.

UPD
Сегодня пришла рассылка
Новая статья https://css-live.ru/vecssti-s-polej/roditelskomu-s...
Старая статья про селектор https://css-live.ru/css/psevdoklass-has-ne-tolko-r... (оказывается уже есть в Safari TP 137)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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