Blocks your need to manually write CSS selectors with Selectorgadget, a powerful tool that generates easy-to-use CSS selectors for common HTML elements and attributes, benefiting web developers and front-end enthusiasts who frequently work with complex web pages. Lets you quickly identify and target specific elements on the page without having to memorize or create custom CSS selectors. Adds a convenient shortcut to your workflow, making it an essential companion for anyone working with HTML and CSS.
Overview
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
Tags
Privacy Practices
🔐 Security Analysis
⏳ Security scan is queued. Check back soon.
