Frage CSS (Webkit): Überschreibe oben mit unten auf absolut positioniertem Element


Ich habe ein Problem mit dem Überschreiben einiger Plugin-CSS. Die direkte Bearbeitung dieses CSS ist nicht wirklich eine Option, da dies das Aktualisieren des Plugins gefährlicher machen würde.

Das Problem: Ein Element hat absolute Positionierung und hat oben: 0px im Original. Ich möchte es mit dem Ende überschreiben: 0px.

Zum Beispiel

    .element {position:absolute; top:0;}

    /* in another file */
    .my .element {bottom:0;}

Auf Firefox funktioniert das ok (unten: 0 ist der angewendete Stil), aber Safari / Chrom scheint nicht übertrieben zu werden: 0.

Ich kann dieses Problem umgehen, aber es wäre schön, eine saubere Lösung zu finden.


75
2018-02-22 12:19


Ursprung


Antworten:


Benutzen top: auto zurücksetzen" top zu seinem Ursprünglicher Wert.

bottom ist eine völlig separate Eigenschaft zu top (Ein Element kann sowohl a top und bottom), also wirst du vielleicht nicht brauchen bottom nicht mehr.

Stellen Sie außerdem sicher, dass die Überschreibungsauswahl aktiviert ist spezifisch genug, aber es klingt nicht so, als wäre das Problem in diesem Fall.


171
2018-02-22 12:23



.my .element { position: inherit !important; top: auto; }

5
2017-07-27 23:48