Можно ли такое сделать? Что бы когда фокушу курсор на input изменялись стили блока ниже, вот например в такой структуре:
<input type="text">
<div class="example">
Да, такое можно сделать с помощью псевдокласса focus
.example {
height: 100px;
width: 200px;
margin: 10px;
background-color: gray;
}
input:focus .example {
background-color: #f08b18;
}