Como eliminar la propiedad izquierda cuando la posición es absoluta?

Question

Estoy anulando el CSS del sitio a una versión RTL cuando se elige un idioma específico.

Tengo un elemento que tiene que tener un posicionamiento absoluto. En la versión LTR, hago left: 0px; y está alineado a la izquierda; en la versión de RTL, quiero hacer lo contrario con right, pero la propiedad left no se reemplaza, por lo que permanece a la izquierda.

• He intentado hackear con !important, pero eso no funcionó.
• He intentado configurar left: none, pero eso no funcionó.

¿Cómo puedo establecerlo en ninguno o eliminarlo por completo durante la anulación?

Answer 1

left:auto; 

Esto hará que el valor predeterminado sea left.

---

Así que si usted tiene su margen de beneficio/CSS:

<div class="myClass"></div> 

.myClass 
{ 
    position:absolute; 
    left:0; 
} 

Al configurar RTL, podría cambiar a:

<div class="myClass rtl"></div> 

.myClass 
{ 
    position:absolute; 
    left:0; 
} 
.myClass.rtl 
{ 
    left:auto; 
    right:0; 
} 

Answer 2

En el futuro se podría usar left: unset; para desconfigurar la valor de izquierda.

A partir de hoy 4 nov 2014 unset solo es compatible con Firefox.

Read more about unset in MDN.

Mi conjetura es que seremos capaces de utilizarlo en torno al año 2022, cuando Internet Explorer 11 es eliminado correctamente.

Answer 3

left: initial 

Esto también configurará left de nuevo en el navegador predeterminado.

Pero es importante saber property: initial no es compatible con IE.