CSS (Webkit): Überschreiben von oben mit unten auf dem absolut positionierten Element

Ich habe ein Problem mit dem Überschreiben von Plugin-CSS. Das direkte Bearbeiten dieses CSS ist keine Option, da dies das Aktualisieren des Plugins riskanter machen würde.

Das Problem: Ein Element hat eine absolute Positionierung und im Original oben: 0px. Ich möchte es von unten überschreiben: 0px.

Zum Beispiel

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

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

Unter Firefox funktioniert dies in Ordnung (unten: 0 ist der angewendete Stil), aber Safari / Chrom scheinen nicht übertrieben zu werden: 0.

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

Verwenden Sie top: autodiese Option, topum den Anfangswert wiederherzustellen .

bottomist eine völlig separate Eigenschaft von top( ein Element kann sowohl ein topals auch ein habenbottom ), sodass Sie es möglicherweise nicht bottommehr benötigen .

Stellen Sie außerdem sicher, dass Ihr Override-Selektor spezifisch genug ist , aber es klingt nicht so, als wäre dies in diesem Fall das Problem.

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