Para o desenvolvimento, uso o Chrome, mas tenho que corrigir um bug no Firefox. Para testes rápidos eu uso o Firebug, mas é uma droga nas regras de estilo personalizadas. Por exemplo, copiei um código assim:
width: 50px;height: 200px;color: red;
Depois de colá-lo no Firebug, ele apenas me removerá. Colocar isso nas ferramentas de desenvolvedores do Chrome aplica todos os estilos perfeitamente.
O que posso fazer primeiro é escrever width e, em seguida, 50px , etc. Não consigo fazê-lo no Chrome. É um recurso? Ou porque funciona assim? Porque quando eu quero aplicar um grande estilo para testá-lo, eu não quero escrever todos os estilos por um, isso está atrasando meu trabalho.
Não é possível colar várias propriedades CSS no momento (versão 2.0.x) no lado Estilo do Firebug painel . Isso é arquivado como questão 6902 .
A única maneira possível no momento de adicionar vários estilos de uma só vez é adicionar um atributo style dentro do Painel HTML e cole as propriedades como valor.
Apesar de observar que o Firefox DevTools pode manipular várias propriedades, como o Chrome DevTools. E o Firebug 3 será baseado no Firefox DevTools , então herdará esse recurso.