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を超えていないようです。

この問題を回避することはできますが、クリーンな解決策を考え出すとよいでしょう。

使用top: auto「リセット」へtopのへの初期値。

bottom全く別の性質であるtop（要素がAの両方持つことができるtopとbottomので、おそらくあなたは必要ありません）をbottomもう。

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

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