Negation and the universal variant.

Example#

html
<div class="*:p-2 not-last:border-b">All children padded; all but last bordered</div>

Stacking#

Prefix order is screens → variants → utility. These variants combine with every screen (xxs: xs: sm: md:…) and with each other.

Best practices#

  • *: applies the utility to every child
  • not-hover:, not-focus: — invert any variant

variants/index|Variants hub · responsive/index|Responsive · utilities/index|Utilities