Substituindo propriedades CSS que não possuem valores padrão
É possível no CSS substituir uma propriedade se essa propriedade não tiver um valor padrão?
Por exemplo, digamos que sua folha de estilos principal defina uma borda para um elemento específico:
<code>#element { border: 1px solid #000; } </code>
Se você quisesse desabilitar a borda de uma folha de estilo secundária, poderia fazer isso:
<code>#element { border: none; } </code>
Assumindo que a folha de estilo secundária foi carregada após a primária,border: none
regra teria precedência e remover a borda.
Mas e se você estivesse tentando substituir uma propriedade que não tem um valor padrão ou nulo?
<code>#element { position: absolute; left: 0; } </code>
Agora digamos, na sua folha de estilo secundária, você queria fazer isso:
<code>#element { right: 0; top: 0; } </code>
E você não queria nenhum valor paraleft
. Não existe tal coisaleft: none;
, então ... como você "não encerra" oleft
propriedade atribuída na folha de estilo primária?