You’re referencing a Tailwind CSS utility-style selector string. Interpreting it:
- “list-inside” — sets list-style-position: inside; (bullets/numbers inside the content box).
- “list-decimal” — sets list-style-type: decimal; (numbered list: 1., 2., 3.).
- “whitespace-normal” — sets white-space: normal; (wrap text normally).
- ”[li&]:pl-6” — an arbitrary variant that targets li elements when the current selector is the parent. It compiles to apply padding-left: 1.5rem (pl-6) to the li children. In plain CSS this becomes something like:
.parent-selector li { padding-left: 1.5rem; }
Notes:
- &]:pl-6” data-streamdown=“unordered-list”>
- The arbitrary variant syntax [li&] uses the raw selector with & as the parent; exact output depends on your Tailwind configuration and version.
Leave a Reply