before: / after: / selection: / marker: — Nakshora 3.0

VariantsNakshora 3.0Updated 2026-09-152 tags

Pseudo-element variants (content comes from the content utility). Complete guide to these variants in Nakshora 3.0 with examples, stacking rules and pitfalls.

before: / after: / selection: / marker: — Nakshora 3.0 — Nakshora Docs — Variants · Nakshora Docs editorial library

Pseudo-element variants (content comes from the content utility).

Example#

html

<span class="before:content-['★'] before:text-amber-400">Rated</span>

Stacking#

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

Best practices#

Arbitrary content: before:content-['→']
selection: brands your text highlight

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

#variants #pseudo-elements