Extensões do Navegador Firefox
  • Extensões
  • Temas
    • Firefox
    • Dicionários e Pacotes de Idioma
    • Outros navegadores
    • Extensões para Android
Entrar
Pré-visualização de CSS Selector Lens

CSS Selector Lens por Ankur Gandhi

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

0 (0 avaliações)0 (0 avaliações)
Baixe o Firefox e instale a extensão
Baixar arquivo

Metadados da extensão

Sobre esta extensão
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.
Avaliado em 0 por 1 revisor
Identifique-se para avaliar esta extensão
Ainda não existem avaliações

Avaliação salva

5
0
4
0
3
0
2
0
1
0
Ainda sem análises
Permissões e dados

Permissões necessárias:

  • Enviar dados para área de transferência
  • Estender as ferramentas de desenvolvimento para acessar seus dados nas abas abertas
  • Acessar seus dados em todos os sites visitados

Coleta de dados:

  • O desenvolvedor afirma que esta extensão não requer coleta de dados.
Saiba mais
Mais informações
Links da extensão
  • Email de suporte
Versão
1.0.0
Tamanho
41,57 KB
Ultima atualização
há 4 dias (8 de mai de 2026)
Categorias relacionadas
  • Desenvolvimento Web
  • Ferramentas de pesquisa
Licença
Licença MIT
Histórico de versões
  • Ver todas as versões
Adicionar a uma coleção
Denunciar esta extensão
Ir para a página inicial da Mozilla

Extensões

  • Sobre
  • Blog de extensões do Firefox
  • Workshop de extensões
  • Central do desenvolvedor
  • Diretivas do desenvolvedor
  • Blog da comunidade
  • Fórum
  • Relatar um erro
  • Guia de análise

Navegadores

  • Desktop
  • Mobile
  • Enterprise

Produtos

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacidade
  • Cookies
  • Jurídico

Exceto onde de outra forma notado, o conteúdo deste site está licenciado sob a Creative Commons Licença de Atribuição Compartilha-Igual v3.0 ou qualquer versão posterior.