CSS Selector

Quick, Easy, powerful CSS Selector generation.

This extension makes finding the right CSS selector on a web page much quicker and easier than digging through the HTML. 1) Install this extension to your chrome browser. 2) Inspect an element on your page or select an element on the "Elements" page of the Chrome Browser Dev tools. 3) Navigate to the "CSS Selector" tab on the sidebar of the "Elements" page of the Dev tools. 4) When you have found your CSS selector, click the button to copy the complete and properly formatted selector.