Currently i am trying to animate a div. I want to try and start the div using the :checked pseudo. I don't want the div I am transforming to be right next to the checkbox(for aesthetic reasons). So I currently have two div's that I am using. One for the checkbox and the other as a stage to play div's I want to animate/transform.
I know you can select elements that are below another element as long as they are the child of the same element using, div + div{}.
But I am wondering if there is another way to select any element after a pseudo element goes into affect on another element(that is not in the same parent)?
Pure CSS or SCSS if their is a way. I know with Jquery I can easily do what I want but I want to stay away from JS for now, if there is another way.
Well I guess I'll after wait for the WD for :has() to come through.