Even

Syntax

Class
Properties
{...}even:{...}
{...}:nth-child(even){...}
<div class="t1 w-full px-8 py-2 bg-c-white even:bg-c-gray-800 even:color-white">odd</div> <div class="t1 w-full px-8 py-2 bg-c-white even:bg-c-gray-800 even:color-white">even</div> <div class="t1 w-full px-8 py-2 bg-c-white even:bg-c-gray-800 even:color-white">odd</div> <div class="t1 w-full px-8 py-2 bg-c-white even:bg-c-gray-800 even: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 even elements a subtle gray background.
t1 even:bg-c-hex-F8F8F8
.t1.even\:bg-c-hex-F8F8F8:nth-child(even) { background-color: #F8F8F8; }