Cómo utilizar :focus y ' ~ '

Question

Cómo puedo hacer para que al hacer click en un elemento x de mi página web, se realice una acción en otro elemento.
Creo que la sintaxis 'elemento:focus ~' puede ayidarme

Answer 1

First one using is input box, whenever you click on it , it gets focused and background is turned red.

Second one involves clicking button to target div using ~
https://code.sololearn.com/WNUptA66260A/?ref=app