CSS(webkit):在绝对定位的元素上覆盖顶部和底部

我有重写一些插件CSS的问题。 直接编辑CSS并不是一个真正的select,因为它会使更新插件更具风险。

问题:一个元素有绝对的定位,并且在顶部有top:0px。 我想覆盖底部:0px。

为了举例

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

在Firefox上这工作正常(底部:0是应用的风格),但Safari /铬似乎并没有得到顶部:0。

我可以解决这个问题,但最好能提出一个干净的解决scheme。

使用top: autotop重置为初始值 。

bottom是一个完全独立的属性top ( 一个元素可以有topbottom ),所以也许你不会需要bottom了。

此外,请确保您的覆盖select器是足够具体的 ,但它听起来不像这是这种情况下的问题。

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