Next 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 the element's previous sibling is hovered.
t1 hover:+color-black
:hover + .t1.hover\:\+color-black { color: #000000; }
Change the text color to black if the element's 3rd-previous sibling is hovered.
t1 hover:+++color-black
:hover + * + * + .t1.hover\:\+\+\+color-black { color: #000000; }
Change the text color to black if the element's parent's previous sibling is hovered.
t1 hover:+/color-black
:hover + * > .t1.hover\:\+\/color-black { color: #000000; }