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;
}