I want to change another element over parent element by Pseudo-class like following code.
I tried change +
to ~
but didn't work.
when p element in parent element. it's worked,
please give me advice.
html
<div class="parent">
<input type="text"> </input>
</div>
<p class="message">aaaaaaaaa<p/>
scss
.parent{
input{
&:focus + .message{
transition: opacity 0.4s;
opacity: 1;
}
}
}
.message{
opacity: 0;
}