Odd

Syntax

Class
Properties
{...}odd:{...}
{...}:nth-child(odd){...}
<div class="t1 w-full px-8 py-2 bg-c-white odd:bg-c-gray-800 odd:color-white">odd</div> <div class="t1 w-full px-8 py-2 bg-c-white odd:bg-c-gray-800 odd:color-white">even</div> <div class="t1 w-full px-8 py-2 bg-c-white odd:bg-c-gray-800 odd:color-white">odd</div> <div class="t1 w-full px-8 py-2 bg-c-white odd:bg-c-gray-800 odd:color-white">even</div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Give odd elements a subtle gray background.
t1 odd:bg-c-hex-F8F8F8
.t1.odd\:bg-c-hex-F8F8F8:nth-child(odd) { background-color: #F8F8F8; }