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

Question

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

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

Для примера

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

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

В Firefox это работает нормально (нижний: 0 - применяемый стиль), но safari / chrome, похоже, не слишком удобен:0.

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

Answer 1

Используйте top: auto, чтобы "сбросить" top к его начальному значению .

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

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

Answer 2

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