CSSまたはJqueryを使用してleft：0をオーバーライドする方法は？

Question

次のCSSを持つ要素があります。

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

要素は画面全体に広がりません。画面の右側に「整列」したいです。

left：を削除した場合、これは簡単ですが、上記のCSSを改ざんすることはできないため、CSSまたはJqueryを使用してleft： CSS。

手伝ってくれてありがとう！

Answer 1

leftのデフォルト値はautoであるため、それに設定するだけで「リセット」できます。

.elem {
  left: auto;
}

上記が元のCSSファイルの後にあることを確認してください。

Answer 2

CSSを使用する：

.elem {
    left: auto;
}

JQueryの使用：

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

Answer 3

CSSのautoプロパティを試してください。これはデフォルト値と同じです。

Answer 4

Jqueryの場合：

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

Answer 5

抽出したこのスタイルが外部スタイルでも内部スタイルでも、次のような内部スタイルでオーバーライドできます。

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