Socket
Socket
Sign inDemoInstall

css-what

Package Overview
Dependencies
0
Maintainers
1
Versions
24
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

css-what

a CSS selector parser


Version published
Maintainers
1
Weekly downloads
25,629,325
decreased by-6.48%

Weekly downloads

Package description

What is css-what?

The css-what npm package is a CSS selector parser that translates CSS selectors into an easy-to-process format. It is often used in server-side applications or tools that need to interpret and manipulate CSS selectors programmatically.

What are css-what's main functionalities?

Parsing CSS Selectors

This feature allows you to parse a CSS selector string into a structured format. The code sample demonstrates how to parse a complex CSS selector into an array of objects representing each part of the selector.

const parse = require('css-what');
const selector = 'div > .className[attr=value]';
const parsed = parse(selector);
console.log(parsed);

Other packages similar to css-what

Readme

Source

css-what

Build Status Coverage

A CSS selector parser.

Example

import * as CSSwhat from "css-what";

CSSwhat.parse("foo[bar]:baz")

~> [
    [
        { type: "tag", name: "foo" },
        {
            type: "attribute",
            name: "bar",
            action: "exists",
            value: "",
            ignoreCase: null
        },
        { type: "pseudo", name: "baz", data: null }
    ]
]

API

CSSwhat.parse(selector) - Parses selector.

The function returns a two-dimensional array. The first array represents selectors separated by commas (eg. sub1, sub2), the second contains the relevant tokens for that selector. Possible token types are:

namepropertiesexampleoutput
tagnamediv{ type: 'tag', name: 'div' }
universal-*{ type: 'universal' }
pseudoname, data:name(data){ type: 'pseudo', name: 'name', data: 'data' }
pseudoname, data:name{ type: 'pseudo', name: 'name', data: null }
pseudo-elementname::name{ type: 'pseudo-element', name: 'name' }
attributename, action, value, ignoreCase[attr]{ type: 'attribute', name: 'attr', action: 'exists', value: '', ignoreCase: false }
attributename, action, value, ignoreCase[attr=val]{ type: 'attribute', name: 'attr', action: 'equals', value: 'val', ignoreCase: false }
attributename, action, value, ignoreCase[attr^=val]{ type: 'attribute', name: 'attr', action: 'start', value: 'val', ignoreCase: false }
attributename, action, value, ignoreCase[attr$=val]{ type: 'attribute', name: 'attr', action: 'end', value: 'val', ignoreCase: false }
child->{ type: 'child' }
parent-<{ type: 'parent' }
sibling-~{ type: 'sibling' }
adjacent-+{ type: 'adjacent' }
descendant-{ type: 'descendant' }
column-combinator-||{ type: 'column-combinator' }

CSSwhat.stringify(selector) - Turns selector back into a string.


License: BSD-2-Clause

Security contact information

To report a security vulnerability, please use the Tidelift security contact. Tidelift will coordinate the fix and disclosure.

css-what for enterprise

Available as part of the Tidelift Subscription

The maintainers of css-what and thousands of other packages are working with Tidelift to deliver commercial support and maintenance for the open source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use. Learn more.

FAQs

Last updated on 31 Mar 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc