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!

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.


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");

4

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


2

Com jquery:

$(".elem").css("left", "");

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;
  }
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.