Minhas folhas de estilo declaram formatação para uma classe mais ou menos assim:
.foo div label {
width: 100px !important;
}
Isso vem de um plugin. Eu não gostaria de mudar as folhas de estilo do plugin, mas sim adicionar minhas próprias folhas para sobrescrever os formatos.
Ocorre que em determinado caso, eu desejo ter labels com comprimentos maiores. Tentei algo do tipo:
.bar label {
width: 150px !important;
}
Achei que isso seria mais específico e por isso seria a formatação que valeria no final. Eu estava enganado. Se eu sobrescrever com o seletor inteiro, irá alterar casos que eu gostaria de deixar intactos. Mas minha própria declaração não irá sobrescrever o CSS do caso específico.
Existe alguma forma de declarar uma formatação como mais importante do que importante? Algo do tipo:
.bar label {
width: 150px !important !urgent !emergency !runToTheHills;
}
!important
tem precedência, mas experimenta aplicar a mesma no mesmo exato caminho:.foo div label {width:150px !important;}
para garantir uma subscrição da primeira definição..foo div label.sub-conjunto {width:150px !important;}
? A questão é que para garantires a subscrição, tens que ter uma correspondência com a declaração inicial. Da forma que tens na pergunta não existe essa correspondência pois o plugin tem um caminho mais específico que o teu.