Descendant

Syntax

Class
Properties
A/../B
A B { ... }
<div class="t1 bg-c-white p-8 b-3-gray-300 hover:/../b-3-blue"> <div class="t1 p-8 b-3-gray-300 hover:/../b-3-red"> <div class="t1 p-8 b-3-gray-300 hover:/../b-3-green"> <div class="t1 p-8 b-3-gray-300 hover:/../b-3-black"></div> </div> </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 ancestors are hovered.
t1 hover:/../color-black
:hover .t1.hover\:\/\.\.\/color-black { color: #000000; }
Change the text color to black if element's grand-grand-parent or any of its ancestors are hovered.
t1 hover:/../../../color-black
:hover * * .t1.hover\:\/\.\.\/\.\.\/\.\.\/color-black { color: #000000; }