This site uses cookies for analytics. By continuing to browse this site, you agree to this use.

CSS

CSS (@hint/parser-css)

The CSS parser is built on top of PostCSS so hints can analyze CSS files.

To use it you will have to install it via npm:

npm install @hint/parser-css

Note: You can make npm install it as a devDependency using the --save-dev parameter, or to install it globally, you can use the -g parameter. For other options see npm‘s documentation.

And then activate it via the .hintrc configuration file:

{
    "connector": {...},
    "formatters": [...],
    "hints": {
        ...
    },
    "parsers": ["css"],
    ...
}

Events emitted

This parser emits the following events:

  • parse::start::css of type Event which contains the following information:

    • resource: the resource we are going to parse.
  • parse::end::css of type StyleParse which has the following information:

    • ast: a PostCSS Root object containing the AST. See the PostCSS walk* APIs for help navigating the AST.
    • code: a string containing the raw stylesheet source code.
    • element: an HTMLElement reference if the source was inline in HTML; null otherwise.
    • resource: the parsed resource. If the CSS is in a style tag and not a file, the value will refer to the HTML document containing the stylesheet.