Estou tentando aplicar um estilo ao meu elemento e definir a importância dele, desta maneira:
$('div').css('height','50px!important');
Porém, não funciona, qual seria a maneira correta?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeEstou tentando aplicar um estilo ao meu elemento e definir a importância dele, desta maneira:
$('div').css('height','50px!important');
Porém, não funciona, qual seria a maneira correta?
Não está funcionando pois o Jquery não reconhece a declaração !important. De maneira simples, você pode fazer dessa forma:
$('div').attr('style', 'width: 50px!important');
Isso deve solucionar, porém ira sobrescrever os estilos anteriores que estiverem setados. Para que isso não ocorra, isso ira manter os estilos anteriores e adicionar novos:
$('#elem').attr('style', function(i,s) { return s + 'width: 100px !important;' });
A melhor maneira de aplicar regras de CSS é sempre usando classes.
Assim o melhor é defenir no CSS uma classe
.minhaClasse {
width: 50px!important
}
e adicionar a classe com:
$('#elem').addClass('minhaClasse');
Para além dessa maneira ideal, e tendo em conta que jQuery é javascript pode ser melhor, neste caso usar o style e nomeadamente o setProperty que tem um parametro para a importância.
Assim, poderia usar:
$('#elem')[0].style.setProperty('width', '50px', 'important');
ou
document.getElementById('elem').style.setProperty('width', '50px', 'important');
setProperty
, acho que poucos programadores se lembram desse terceiro parâmetro -- que, alias é cross-browser. Fica a pergunta "Por que .prop não oferece esse flag?"
– Peter Krauss
2/02/14 às 21:32
Você pode usar desta forma:
$(".prodMenor:eq(6)").css("cssText", "margin-right: 0 !important");
Cuidado: neste caso você precisa setar todas as propriedades desejadas.
Veja mais em http://bugs.jquery.com/ticket/2066 (en)
Se quiser uma função para aplicar o !important
separadamente, tem uma aqui.
!important
se você está manipulando o elemento diretamente, pois o estilo do próprio elemento tem precedência sobre as outras definições. – elias 7/01/14 às 15:40