Clique no botão .cls para visualizar todas as classes CSS associadas ao elemento selecionado. A partir daí, você pode:
Clique no nome ou no valor de uma propriedade CSS para editá-lo. Embora o nome ou valor fique em destaque, pressione Tab para seguir para a próxima propriedade, nome ou seletor. Segure a tecla Shift e pressione Tab para mover para trás.
Ao editar o valor numérico de uma propriedade CSS, aumente ou reduza esse valor com os seguintes atalhos de teclado:
Seta para cima e seta para baixo para aumentar e diminuir o valor em 1, ou em 0,1 se o valor atual estiver entre -1 e 1.
Clique em um espaço em branco dentro de uma regra CSS editável para criar uma nova declaração. Digite ou cole o CSS no painel Styles. As propriedades e seus valores são analisados e inseridos nos campos corretos.
Observação: para ativar ou desativar uma declaração de estilo, marque ou desmarque a caixa de seleção ao lado dele.
Você pode definir seletores de pseudoclasse dinâmicos manualmente (como :active, :focus, :hover e :visited) em elementos.
Clique com o botão direito em um elemento dentro do painel Elements e, em seguida, selecione a pseudoclasse-alvo do menu para ativar ou desativá-lo.
Selecione um elemento no painel Elements, clique no botão :hov no painel Styles e use as caixas de seleção para ativar ou desativar os seletores do elemento selecionado.
O painel Styles fornece um atalho para adicionar declarações de color e background-color a uma regra de estilo.
No canto inferior direito da regra de estilo há um ícone de três pontos. Você deve passar o cursor sobre a regra de estilo para vê-lo.
Passe o cursor sobre esse ícone para revelar botões para adicionar uma declaração de color ( ) ou uma declaração de background-color ( ). Clique em um destes botões para adicionar a declaração à regra de estilo.