Is it possible to customize an adjacent element based on a valid input from a child element? Let's say we have the following HTML structure:
<div id="source">
<input type="text">
</div>
<div id="target">
</div>
Below is an example of what I'm trying to achieve with pseudo CSS:
(#source input:valid) + div {
// add custom styling here
}
Are there any solutions using Sass/Less for this scenario? Essentially, I want to apply styles to an adjacent div if text has been entered in the input field within its sibling div.