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!

css css-position

— freqüente
fonte

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