Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

xpath-to-css

svenheden20.1kMIT1.2.0

Utility function for converting XPath expressions to CSS selectors

readme

XPath to CSS

Tests NPM version

Utility function for converting XPath expressions to CSS selectors.

Originally written in Python by santiycr for cssify and ported to JavaScript by Dither who published it in this gist. Since I needed it in a project and can't depend on a gist in my package.json I have converted it to ES2015 and CommonJS, cleaned it up a bit and published it to npm.

Install

$ npm install --save xpath-to-css

Usage

import xPathToCss from "xpath-to-css";

const xPath =
  '//div[@id="foo"][2]/span[@class="bar"]//a[contains(@class, "baz")]//img[1]';
const css = xPathToCss(xPath);
console.log(css); // => 'div#foo:nth-of-type(2) > span.bar a[class*=baz] img:first-of-type'

License

MIT © Jonathan Svenheden