Child

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-blue"> <div class="t1 p-8 b-3-gray-300 hover:/b-3-blue"> <div class="t1 p-8 b-3-gray-300 hover:/b-3-blue"></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.
Only apply utility if the element has a parent.
t1 /color-black
* > .t1.\/color-black { color: #000000; }
Only apply utility if the element has three parents.
t1 ///color-black
* > * > * > .t1.\/\/\/color-black { color: #000000; }
Change the text color to black if the element's parent is hovered.
t1 hover:/color-black
:hover > .t1.hover\:\/color-black { color: #000000; }
Change the text color to black if the element's grand-grand-parent is hovered.
t1 hover:///color-black
:hover > * > * > .t1.hover\:\/\/\/color-black { color: #000000; }