Big update!Announcing Socket for GitHub 1.0. Learn more
Socket
BlogLoveFAQ
Install
Log in

css-what

Package Overview
Dependencies
0
Maintainers
1
Versions
24
Issues
File Explorer

Advanced tools

css-what

a CSS selector parser

    6.1.0latest

Version published
Maintainers
1
Weekly downloads
24,288,509
decreased by-4.43%

Weekly downloads

Changelog

Source

  • feat: Support pseudo elements with data (#762) 3be227a

https://github.com/fb55/css-what/compare/v6.0.1...v6.1.0

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

What is css-what?

a CSS selector parser

Is css-what popular?

The npm package css-what receives a total of 19,635,210 weekly downloads. As such, css-what popularity was classified as popular.

Is css-what well maintained?

We found that css-what demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago.It has 1 open source maintainer collaborating on the project.

Last updated on 31 Mar 2022
Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc