como substituir left: 0 usando CSS ou Jquery?

104

Eu tenho um elemento, que tem o seguinte CSS:

.elem {
  left: 0;
  position: fixed;
  right: 0;
  width: 60%;
  z-index: 1000;
  }

O elemento não abrange a tela inteira. Eu gostaria que ele "alinhasse" ao lado direito da tela.

Isso seria fácil, se eu apenas removesse left: 0 , mas não posso adulterar o CSS acima, então preciso de algum CSS ou Jquery para substituir, desabilitar ou remover o CSS left: 0 .

Obrigado pela ajuda!

freqüente
fonte

Respostas:

238

O valor padrão para lefté auto, então apenas configure-o para isso e você o "redefinirá".

.elem {
  left: auto;
}

Certifique-se de que o texto acima venha após o arquivo CSS original.

Jan Hančič
fonte
1
OBRIGADO! Eu estava tentando '', mas isso não me afetou mais. Bom saber.
frequente
@frequent Você poderia usar valores como '' se estivesse usando Javascript, sim, mas não em CSS. De qualquer forma, mas você não disse que não podia alterar a folha de estilo? Nesse caso, um style="left:auto"atributo no próprio elemento resolveria, substituindo a folha de estilo.
Sr. Lister,
8

Usando CSS:

.elem {
    left: auto;
}

Usando JQuery:

$(".elem").css("left", "auto");
Mohammad Anini
fonte
4

Experimente a autopropriedade em CSS, que é igual ao valor padrão.

Dion
fonte
2

Com jquery:

$(".elem").css("left", "");
Antonio Beamud
fonte
isso não o redefine para o valor especificado (neste caso '0')?
Dion
1
@Antonio: Na verdade, isso seria definir um atributo html "esquerdo" inválido, como em <div left="0">vez de alterar o css. Enquanto o comentário de Jan ainda permanece (ou seja, não há necessidade de JS), ele poderia ser feito com $(".elem").css("left", "");ou algo assim.
ov
Ops, é verdade ... edite e coloque essa solução possível. Obrigado.
Antonio Beamud,
0

Quer este estilo extraído seja externo ou interno, você pode substituí-lo por um interno, como:

.elem {
    position: fixed;
    right: 0;
    width: 60%;
    z-index: 1000;
  }
Doğan AHMETCİ
fonte