¿Cómo anular left: 0 usando CSS o Jquery?

104

Tengo un elemento, que tiene el siguiente CSS:

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

El elemento no ocupa toda la pantalla. Me gustaría que se "alineara" con el lado derecho de la pantalla.

Esto sería fácil, si simplemente elimino left: 0 , pero no puedo alterar el CSS anterior, por lo que necesito algo de CSS o Jquery para anular, deshabilitar o eliminar el left: 0 CSS.

¡Gracias por la ayuda!

css css-position

— frecuente
fuente

238

El valor predeterminado para leftes auto, así que configúrelo en ese y lo "restablecerá".

.elem {
  left: auto;
}

Asegúrese de que lo anterior venga después del archivo CSS original.

— Jan Hančič
fuente

1

¡GRACIAS! Lo estaba intentando '', pero eso ya no me atrapó. Bueno saber.

— frecuente

@frequent Podría usar valores como "" si estuviera usando Javascript, sí, pero no en CSS. De todos modos, pero ¿no dijiste que no podías alterar la hoja de estilo? En ese caso, un style="left:auto"atributo en el elemento en sí haría el truco, anulando la hoja de estilo.

— Mr Lister

8

Usando CSS:

.elem {
    left: auto;
}

Usando JQuery:

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

— Mohammad Anini
fuente

4

Pruebe la autopropiedad en CSS, que es igual al valor predeterminado.

— Dion
fuente

2

Con jquery:

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

— Antonio Beamud
fuente

¿No lo restablece al valor especificado (en este caso, '0')?

— Dion

1

@Antonio: Esto en realidad sería establecer un atributo html "izquierdo" no válido como en <div left="0">lugar de cambiar css. Si bien el comentario de Jan sigue en pie (es decir, no hay necesidad de JS), podría hacerse con $(".elem").css("left", "");o algo así.

— ov

Ops, eso es cierto ... edita y pon esta posible solución. Gracias.

— Antonio Beamud

0

Ya sea que este estilo que extrajo sea externo o interno, puede anularlo con uno interno como:

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

— Doğan AHMETCİ
fuente