CSS (webkit): nadpisywanie góry i dołu w elemencie pozycjonowanym bezwzględnie

Mam problem z zastąpieniem niektórych wtyczek CSS. Edycja tego CSS bezpośrednio nie wchodzi w grę, ponieważ aktualizacja wtyczki byłaby bardziej ryzykowna.

Problem: element ma pozycjonowanie bezwzględne i w oryginale ma top: 0px. Chcę zastąpić to na dole: 0px.

Dla przykładu

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

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

W przeglądarce Firefox działa to dobrze (dół: 0 to zastosowany styl), ale safari / chrome nie wydaje się być przesadzone: 0.

Mogę obejść ten problem, ale miło byłoby wymyślić czyste rozwiązanie.

Służy top: autodo „resetowania” topdo wartości początkowej .

bottomjest całkowicie oddzielną własnością top( element może mieć zarówno a, jak topibottom ), więc być może nie będziesz bottomjuż potrzebować .

Upewnij się również, że twój selektor override jest wystarczająco szczegółowy , ale nie wygląda na to, że to jest problem w tym przypadku.

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