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

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

Проблема: элемент имеет абсолютное позиционирование и в оригинале имеет значение top: 0px. Я хочу переопределить его снизу: 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; }