Как переопределить влево: 0 с помощью CSS или Jquery?

У меня есть элемент, который имеет следующий CSS:

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

Элемент не охватывает весь экран. Я бы хотел, чтобы он "выровнял" правую сторону экрана.

Это было бы легко, если бы я просто удалил left: 0, но я не могу вмешиваться в вышеупомянутый CSS, поэтому мне нужно, чтобы CSS или JQuery перекрывали, отключили или удалили левый: 0 CSS.

Спасибо за помощь!

Ответ 1

Значение по умолчанию для left равно auto, поэтому просто установите его так, и вы будете "reset".

.elem {
  left: auto;
}

Удостоверьтесь, что приведенное выше происходит после исходного файла CSS.

Ответ 2

Использование CSS:

.elem {
    left: auto;
}

Использование JQuery:

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

Ответ 3

Попробуйте auto свойство в CSS, которое равно значению по умолчанию.

Ответ 4

С jquery:

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

Ответ 5

Выбран ли этот стиль внешним или внутренним, вы можете переопределить его с внутренним, например:

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