Чем заменить родственный селектор?

Question

[Антон]

<style>
.Green {
  background: green;
  width: 130px;
  height: 130px;
  transition: .5s;
}
#chetyre:checked ~ .Green {
  background: yellow;
}
</style>

<input type="checkbox" id="chetyre"/>
<div class="Green"></div>

Работает если input и div рядом
А если не рядом, то как сделать, чтобы срабатывало?
Видимо дело в тильде, которая родственный селектор

Comments

[alex]

то как сделать

никак, т.к. и так все работает

[ⓒⓢⓢ]

А если не рядом, то как сделать, чтобы срабатывало?

на сколько далеко не рядом? если позади или вообще в другой вложенности, то только через костыли

Answer 1

[profesor08]

Если он в другой ветке или на другом уровне dom дерева, то ничего не выйдет через css. Делай на js, делов там на 5 строк кода.

Comments

[Антон]

Да, так и сделал. СПС.