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。

我可以解决这个问题，但最好能想出一个干净的解决方案。

54669 次浏览

小开

最佳答案

Use top: auto to "reset" top to its initial value.

bottom is a totally separate property to top (an element can have both a ABC1 and bottom), so perhaps you won't need bottom anymore.

Also, make sure your override selector is specific enough, but it doesn't sound like that's the problem in this case.

小开

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