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

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

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

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

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

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

5 ответов

Решение

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

.elem {
  left: auto;
}

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

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

.elem {
    left: auto;
}

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

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

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

С помощью jquery:

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

Является ли этот стиль, который вы извлекли, внешним или внутренним, вы можете переопределить его внутренним, например:

.elem {
    position: fixed;
    right: 0;
    width: 60%;
    z-index: 1000;
  }
Другие вопросы по тегам