Handy Orchard

CSS selector inspector

Inspect selector structure without querying the document.

Your input

Outputs are cleared when the input changes.

Result

Enter your data or use the example, then run the tool.

Worked example

The sample exposes class, id, attribute, combinator and nested pseudo nodes.

Method

The pinned postcss-selector-parser produces a real AST, node source offsets and downloadable JSON. Upstream node identifiers remain code names.

Limits

Selector ≤30,000 characters, nesting ≤64 and ≤5,000 nodes. No DOM query or style injection. Syntax inspection is not complete stylesheet validation or browser support certification.

All work stays in this browser. Each disposable worker is terminated after 2.5 seconds or cancellation. Inputs and processing logs are not sent to analytics.

Sources

Pinned sourceThird-party notices

Related tools

CSS syntax validatorCSS vendor prefixerCSS color space converterWCAG contrast checker

Your inputs stay on this device. Only optional, consented page visits are measured. Input values, files, filenames and processing logs are not sent to Analytics.

When switching languages, text, settings and selected files are temporarily kept on this device. Transfers are removed after restoring; interrupted transfers are cleaned up on a later visit. Inputs and files are never uploaded.