CSS Selector Parser Playground

Parser Configuration

Rendered CSS Selector

About css-selector-parser

Version: 3.2.0

Syntax Levels

  • css1 - CSS Level 1 (basic selectors)
  • css2 - CSS Level 2 (+ pseudo-classes, combinators)
  • css3 / selectors-3 - Selectors Level 3 (+ :nth-child, etc.)
  • selectors-4 - Selectors Level 4 (+ :is, :where, :has)
  • latest - Latest specification
  • progressive - Latest + accepts unknown pseudo-classes/elements

Available CSS Modules

  • css-position-4 - Position pseudo-classes
  • css-scoping-1 - :host, :host-context(), ::slotted()
  • css-pseudo-4 - ::selection, ::backdrop, ::marker
  • css-shadow-parts-1 - ::part()
  • css-nesting-1 - & nesting selector

Configuration Options

  • syntax - CSS syntax level to use
  • strict - Enable strict parsing (throw on errors)
  • substitutes - Allow variable syntax like $var
  • modules - Array of CSS modules to enable