Add-ons voor Firefox Browser
  • Extensies
  • Thema’s
    • voor Firefox
    • Woordenboeken en taalpakketten
    • Websites voor andere browsers
    • Add-ons voor Android
Aanmelden
Voorbeeld van CSS Selector Lens

CSS Selector Lens door Ankur Gandhi

Smart CSS selector suggestions in Chrome DevTools. Instantly see child, descendant & attribute selectors for any element.

0 (0 beoordelingen)0 (0 beoordelingen)
Firefox downloaden en de extensie ontvangen
Bestand downloaden

Metagegevens van extensie

Over deze extensie
CSS Selector Lens is a developer-focused DevTools extension that instantly suggests CSS child selectors, descendant selectors, pseudo-class selectors, attribute selectors, and ancestor path selectors for any element on the page.

✨ Features
  • Instant Selector Suggestions — Scans the page DOM and lists relevant CSS selectors grouped by type (Base, Child, Descendant, Pseudo, Attribute, Ancestor Paths)
  • DevTools Panel — Integrated directly into the Firefox Developer Tools as a dedicated panel
  • Sidebar View — Element-aware sidebar that updates automatically as you click elements in the Inspector
  • Live Search & Filter — Search and filter selectors by type in real time
  • One-Click Copy — Click any selector to copy it to your clipboard instantly
  • Page Overlay — Optional floating overlay on the page for quick pick-and-inspect workflow
  • Customizable Options — Control selector depth (1–6), enable/disable selector types, manage pseudo-class lists, and more

🛠️ How to Use
  1. Open Firefox DevTools (F12 or Right-click → Inspect)
  2. Navigate to the CSS Selector Lens panel tab
  3. Click Rescan or select any element in the Inspector
  4. Browse, search, filter, and copy selectors instantly

🔒 Privacy

This extension does not collect, transmit, or store any personal data. All processing happens locally in your browser. No analytics, no tracking, no external requests.

Perfect for front-end developers, QA engineers, and anyone who writes CSS or runs automated tests.
Met 0 gewaardeerd door 0 beoordelaars
Meld u aan om deze extensie te waarderen
Er zijn nog geen waarderingen

Sterrenwaardering opgeslagen

5
0
4
0
3
0
2
0
1
0
Nog geen beoordelingen
Toestemmingen en gegevens

Vereiste machtigingen:

  • Gegevens op het klembord plaatsen
  • Ontwikkelaarshulpmiddelen uitbreiden om uw gegevens in open tabbladen te benaderen
  • Uw gegevens voor alle websites benaderen

Gegevensverzameling:

  • De ontwikkelaar zegt dat deze extensie geen gegevensverzameling vereist.
Meer info
Meer informatie
Add-on-koppelingen
  • E-mailadres voor ondersteuning
Versie
1.0.0
Grootte
41,57 KB
Laatst bijgewerkt
4 dagen geleden (8 mei 2026)
Verwante categorieën
  • Webontwikkeling
  • Zoekhulpmiddelen
Licentie
MIT-licentie
Versiegeschiedenis
  • Alle versies bekijken
Toevoegen aan collectie
Deze add-on rapporteren
Naar Mozilla’s startpagina

Add-ons

  • Over
  • Firefox-add-onsblog
  • Extensieworkshop
  • Ontwikkelaarshub
  • Ontwikkelaarsbeleid
  • Gemeenschapsblog
  • Forum
  • Een bug melden
  • Beoordelingsrichtlijnen

Browsers

  • Desktop
  • Mobile
  • Enterprise

Producten

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Juridisch

Tenzij anders vermeld, is op de inhoud van deze website de Creative Commons Attribution Share-Alike License v3.0 of latere versie van toepassing.