how to override left:0 using CSS or Jquery?

Question

I have an element, which has the following CSS:

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

The elemen

Answer 1

Try auto property in CSS, which is equal to the default value.

Answer 2

With jquery:

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

Answer 3

Using CSS:

.elem {
    left: auto;
}

Using JQuery:

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

Answer 4

The default value for left is auto, so just set it to that and you will "reset" it.

.elem {
  left: auto;
}

Make sure that the above comes after the original CSS file.

Answer 5

Whether this style you extracted is an external or an internal one, you can override it with an internal one such as:

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