web-dev-qa-db-ja.com

CSS(webkit):絶対配置された要素の上部と下部のオーバーライド

プラグインCSSのオーバーライドに問題があります。そのCSSを直接​​編集することは、実際にはオプションではありません。プラグインの更新がより危険になるからです。

問題:要素には絶対配置があり、元の要素にはtop:0pxがあります。 bottom:0pxでオーバーライドしたいです。

例のために

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

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

Firefoxではこれは問題なく動作しますが(bottom:0は適用されたスタイルです)、safari/chromeはtop:0を超えないようです。

この問題を回避することはできますが、クリーンなソリューションを考え出すのはいいことです。

80
Marcus

つかいます top: auto to "reset" top to initial value

bottomtopとはまったく別のプロパティです( 要素はtopbottomの両方を持つことができます )。 bottomはもう必要ありません。

また、オーバーライドセレクターが 十分に具体的 であることを確認してください。ただし、この場合は問題ではないようです。

186
thirtydot
.my .element { position: inherit !important; top: auto; }
5
Chris Godwin