CSS (webkit): верхний верхний нижний элемент с абсолютным позиционированием

У меня проблема с переопределением некоторого плагина CSS. Редактирование этого CSS напрямую не является вариантом, так как это сделает обновление плагина более рискованным.

Проблема: элемент имеет абсолютное позиционирование и имеет верх: 0px в оригинале. Я хочу переопределить его снизу: 0px.

Для примера

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

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

В firefox это работает нормально (снизу: 0 - применяемый стиль), но сафари/хром, похоже, не попадают в верхнюю часть: 0.

Я могу обойти эту проблему, но было бы неплохо придумать чистое решение.

Ответ 1

Используйте top: auto в "reset" top в его начальное значение.

bottom является полностью отдельным свойством top (элемент может иметь как top, так и bottom) поэтому, возможно, вам больше не понадобится bottom.

Кроме того, убедитесь, что ваш переключатель переопределения достаточно специфический, но это не похоже на проблему в этом случае.

Ответ 2

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