css-path icon indicating copy to clipboard operation
css-path copied to clipboard

Get CSS path to an element.

css-path

Get absolute path to a DOM element as a CSS selector.

Example

<div class="page">
  <h3 id="header">Header Level 3</h3>
  <ul class="list">
     <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
     <li>Aliquam tincidunt mauris eu risus.</li>
  </ul>
</div>

CSS path of first li:

body > div.page:nth-child(1) > ul.list:nth-child(2) > li:nth-child(1)

Licence

MIT