Easy, powerful CSS Selector generation..
Selector Gadget is an open source chrome extension that makes css selector generation and discovery on complicated sites a breeze.
After having installed the extension, go to any page and launch it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then generate a minimal css selector for that element, and will highlight (yellow) everything that is matched by the selector. Now click on a highlighted element to remove it from the selector (red), or click on an unhighlighted element to add it to the selector. Through this process of selection and rejection, selectorgadget helps you come up with the perfect css selector for your needs.
There is a tutorial video and a bookmarklet version available at https://selectorgadget.com
You can Follow the below Step By Step procedure to install the SelectorGadget Chrome Extension to your Chrome Web browser.
It is the SelectorGadget Chrome extension download link you can download and install Chrome Browser.
Tags: Selector Gadget , Bottom Right , Page Element , Perfect Css Selector , Powerful Css Selector Generation , Minimal Css Selector , Css Selector , Rejection Selectorgadget Helps , Tutorial Video , Open Source Chrome Extension , Turn Green Selectorgadget , Css Selector Generation ,