web-dev-qa-db-de.com

wie man left: 0 mit CSS oder Jquery überschreibt?

Ich habe ein Element, das folgende CSS hat:

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

Das Element erstreckt sich nicht über den gesamten Bildschirm. Ich möchte, dass es sich auf der rechten Seite des Bildschirms "ausrichtet". 

Dies wäre einfach, wenn ich einfach left: 0 entfernt habe, aber ich kann das obige CSS nicht manipulieren. Ich brauche CSS oder Jquery, um das left: 0 CSS zu überschreiben, zu deaktivieren oder zu entfernen.

Danke für die Hilfe! 

97
frequent

Der Standardwert für left ist auto. Setzen Sie ihn also einfach auf den Wert und Sie werden ihn "zurücksetzen".

.elem {
  left: auto;
}

Stellen Sie sicher, dass das Obige nach der ursprünglichen CSS-Datei kommt.

214
Jan Hančič

CSS verwenden:

.elem {
    left: auto;
}

JQuery verwenden:

$(".elem").css("left", "auto");
8
Mohammad Anini

Versuchen Sie die auto-Eigenschaft in CSS, die dem Standardwert entspricht.

4
Dion

Mit jquery:

$(".elem").css("left", "");
2
Antonio Beamud

Unabhängig davon, ob es sich bei dem extrahierten Stil um einen externen oder internen Stil handelt, können Sie ihn mit einem internen Stil überschreiben, z.

.elem {
    position: fixed;
    right: 0;
    width: 60%;
    z-index: 1000;
  }
0
Doğan AHMETCİ