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

Question

[Никита Сальников]

Есть два блока:

<div class ="block1">
    <ul>
       <li class ="x">
       </li>
   </ul>
</div>
<div class ="block2">
    <ul>
       <li>
       </li>
   </ul>
</div>

Блок с классом block2 скрыт. Как можно обратиться к этому классу чтобы при наведении на класс х, я мог открыть блок2.
То есть x:hover ...что дальше?... {display:block;}

Answer 1

[Alex]

Никак. Только .block1:hover + .block2 { ... }

Answer 2

[Сергей delphinpro]

.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)