After sibling

Syntax

Class
Properties
A~B
A ~ B { ... }
<div class="t1 flex flex-center"> <div class="t1 w-32 h-32 bg-c-white hover:~bg-c-blue m-8 shadow-4-40"></div> <div class="t1 w-32 h-32 bg-c-white hover:~bg-c-blue m-8 shadow-4-40"></div> <div class="t1 w-32 h-32 bg-c-white hover:~bg-c-blue m-8 shadow-4-40"></div> <div class="t1 w-32 h-32 bg-c-white hover:~bg-c-blue m-8 shadow-4-40"></div> <div class="t1 w-32 h-32 bg-c-white hover:~bg-c-blue m-8 shadow-4-40"></div> </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Change the text color to black if any of the element's previous siblings are hovered.
t1 hover:~color-black
:hover ~ .t1.hover\:\~color-black { color: #000000; }
Change the text color to black if any of the element's parent's previous siblings are hovered.
t1 hover:~/color-black
:hover ~ * > .t1.hover\:\~\/color-black { color: #000000; }