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

81

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.

Marcus
quelle
Der Boden wurde auch im Fall des Webkits angewendet, und die Bodendefinition war spezifischer. ! wichtig macht es sozusagen "spezifischer". Das Problem war, es scheint zuerst oben zu berechnen, deshalb brauchte ich einen Weg, um es zurückzusetzen.
Marcus

Antworten:

194

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.

dreißig Punkte
quelle
5
oben: auto war das, wonach ich gesucht habe. Ich habe versucht, die Dokumentation zu Sitepoint CSS-Referenz usw. zu überprüfen, konnte sie jedoch nicht finden. Versucht oben: keine (zufällig: D). Vielen Dank.
Marcus
5
.my .element { position: inherit !important; top: auto; }
Chris Godwin
quelle