child element when clicked changes the styles of the second parent unit

Question

Is it possible to make it so that when you click on a child of one parent block, the styles of the other parent block change, only with the help of css. For example: <div class="one"> <button>Кнопка</button> </div> <div class="two"></div> So that when you click on the button, the .two styles change

Theoretically, something like this could be implemented using a pseudo- class :has drafts.csswg.org/selectors-4/#has-pseudo in a style like this .one:has(> button:active) + .two {...} but in practice it is not yet supported caniuse.com/#feat=css-has

Grulex grulex 1,487 2 eight · Answer 1 · 2018-03-30T09:16:32

  div.one:active + div.two{ color: red; }

 <div class='one'> <button>Change</button> </div> <div class='two'>Test</div>

A click is triggered not only by clicking on a button, but also by the whole .one div.

child element when clicked changes the styles of the second parent unit

1 answer 1

More articles: