CSS Selector Generator icon

CSS Selector Generator

Extension Actions

How to install Open in Chrome Web Store
CRX ID
bgijemefjbbcbcbjigojegjbfdlfigpg
Description from extension meta

Generate unique CSS selector for any element on web page with ease.

Image from store
CSS Selector Generator
Description from store

A browser extension that generates short, unique CSS selectors for DOM elements. It can be used in browser devtools or as a context menu item.

Features

• Generate short, unique CSS selectors for any DOM element.
• Integrates with browser devtools for easy access.

Usage

1. Install the extension in your browser.
2. Open the devtools panel and navigate to the "Element" tab
3. Select an element in the DOM tree.
4. View the generated CSS selector in the "CSS Selector" sidebar.