Mover regras de CSS no Dreamweaver

Última atualização em 27 de abr de 2021

Mova, exporte ou reorganize as regras de CSS para uma nova folha de estilos ou uma folha de estilos existente no Dreamweaver.

Os recursos de gerenciamento de CSS no Dreamweaver facilitam a movimentação ou exportação de regras CSS para diferentes locais. Você pode mover regras de documento para documento, do cabeçalho de um documento para uma folha de estilos externa, entre arquivos CSS externos e muito mais.

Nota

Se a regra que você está tentando mover entrar em conflito com uma regra na folha de estilos de destino, o Dreamweaver exibe a caixa de diálogo Regra com o mesmo nome existe.Se você optar por mover a regra conflitante, o Dreamweaver coloca a regra movida imediatamente adjacente à regra conflitante na folha de estilos de destino.

Mover ou exportar regras de CSS para uma nova folha de estilos

Na Visualização de código, selecione a(s) regra(s) que você deseja mover. Em seguida, clique com o botão direito na seleção e escolha Seleção > Mover regras CSS no menu de contexto.

Nota

A seleção parcial de uma regra resultará na realocação de toda a regra.

Na caixa de diálogo Mover para folha de estilos externa, selecione a opção nova folha de estilos e clique em OK.
Na caixa de diálogo Salvar arquivo de folha de estilos como, digite um nome para a nova folha de estilos e clique em Salvar.

Quando você clica em Salvar, o Dreamweaver salva uma nova folha de estilos com as regras selecionadas e a anexa ao documento atual.

Mover ou exportar regras de CSS para uma folha de estilos existente

Na Visualização de código, selecione a(s) regra(s) que você deseja mover. Em seguida, clique com o botão direito na seleção e escolha Seleção > Mover regras CSS no menu de contexto.

Nota

A seleção parcial de uma regra resultará na realocação de toda a regra.

Na caixa de diálogo Mover para folha de estilos externa, selecione uma folha de estilos existente no menu pop-up ou procure uma folha de estilos existente e clique em OK.
Nota

O menu pop-up exibe todas as folhas de estilos que estão vinculadas ao documento atual.

Reorganizar ou mover regras CSS arrastando

No painel CSS Designer (modo Tudo), selecione uma regra e arraste-a para o local desejado. Você pode selecionar e arrastar para reordenar as regras em uma folha de estilos ou mover uma regra para outra folha de estilos ou cabeçalho de documento.

Nota

É possível mover mais de uma regra por vez, mantendo pressionada a tecla Control (Windows) ou mantendo pressionada a tecla Command (Macintosh) enquanto clica em várias regras para selecioná-las.