CSS（webkit）：在绝对定位的元素上覆盖顶部和底部

我在覆盖一些插件CSS时遇到问题。直接编辑CSS并不是真正的选择，因为这会使更新插件的风险更大。

问题：元素具有绝对定位，并且在原始元素中具有top：0px。我想用bottom：0px覆盖它。

为了举例

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

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

在Firefox上可以正常使用（底部样式为0），但Safari / chrome似乎并没有超越顶部：0。

我可以解决此问题，但是提出一个干净的解决方案将是很好的。

使用top: auto“重置”top它的初始值。

bottom是top（元素可以同时具有top和bottom）的完全独立属性，因此也许您将不再需要bottom。

另外，请确保您的替代选择器具有足够的针对性，但是在这种情况下，听起来好像不是问题所在。

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