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:
#element {
border: 1px solid #000;
}
Se você quisesse desabilitar a borda de uma folha de estilo secundária, poderia fazer isso:
#element {
border: none;
}
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?
#element {
position: absolute;
left: 0;
}
Agora digamos, na sua folha de estilo secundária, você queria fazer isso:
#element {
right: 0;
top: 0;
}
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?