p]:inline” data-streamdown=”list-item”>PhishGuard for Firefox Review: Features, Setup, and Performance

This looks like a CSS utility class plus a selector combo: “py-1 [&>p]:inline”. Likely from a utility-first framework (Tailwind CSS / UnoCSS / Windi) that supports arbitrary or variant selectors. Explanation:

• py-1 — utility class that sets vertical padding (padding-top and padding-bottom) to the framework’s spacing scale value “1” (commonly 0.25rem or 4px in Tailwind by default).
• [&>p]:inline — a parent/selector variant that applies the class inline to direct child

  elements. The syntax [&>p] is a selector placeholder where & is replaced by the current selector; >p means “direct child p”. So this variant yields CSS targeting ”.your-element > p { display: inline; }“.

• Combined effect: the element with these utilities gets vertical padding (py-1). Additionally, any direct child

  of that element will be set to display: inline.

Concrete example (Tailwind JIT-style interpretation):
If you write:

Generated CSS roughly: .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1 > p { display: inline; }/* produced by the [&>p]:inline variant */

Notes:

• Exact spacing value for py-1 depends on your framework’s config.
• Variant syntax may differ between tools; Tailwind JIT uses arbitrary variants like [&>p]:inline; other tools might require escaping or different delimiters.
• If you need children at any depth, use [&p]:inline or [&>p]:inline for direct children only.