Как сделать стиль для данного элемента?

Question

[MrMim]

Всем привет, встал небольшой вопрос, мб я туплю, мб я даун, но не знаю...

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

<div className='block block--cancel'>
                            <div className='before link--before'>{array.apple}</div>
                            <div className='main'><input className='input_link' type="text" value="www.apple.com/sergeeth"></input></div>
                            <div className='after'></div>
                        </div>

Как сделать чтобы при input:focus изменить стиль для .before ?

Можно css, можно jquery

ЖДУ !

Answer 1

[Вадим]

Современная возможность css:
.block:focus-within .before{}
Активирует блок правил для .before, который являетсч дочерним, когда где либо внутри .block что-то получает фокус.