Estou usando as ferramentas de desenvolvedor do Internet Explorer para tentar depurar um problema que estou tendo com uma página da Web.
Quando realço elementos, o CSS aparece do lado direito, mas parece que não consigo adicionar novas regras ou editar corretamente o CSS existente.
Tentando adicionar uma propriedade "display: block" a uma classe, tentei editar uma regra existente que não importava (cor de fundo: transparente), mas assim que a altero, a regra desaparece!
Estou faltando um truque aqui em algum lugar?
Para uma adição rápida para testar e ver o efeito, faço isso de maneira um pouco diferente.
Com a guia HTML selecionada, escolha o painel "Atributos" ao lado de Estilo, Estiramento de traços e Layout.
Clique no botão "+" e comece a digitar o estilo css que você gostaria de adicionar. O novo atributo de estilo é adicionado automaticamente no painel de visualização do DOM.
Espero que isso ajude.
Verifique se seu CSS é válido ou se não há regras conflitantes - pelo que me lembro, a última vez que usei o IE Developer Tools, ele exclui imediatamente as tags inválidas e as tags personalizadas não usadas em algumas situações.
Pessoalmente, agora prefiro usar o Firebug no Firefox e as ferramentas de desenvolvimento do Chrome incorporadas ao Chrome - não tenho um favorito, mas considero o Firebug melhor para css / design e o Chrome é melhor para cookies / scripts etc.