У меня проблема с переопределением некоторого плагина CSS. Редактирование этого CSS напрямую не является вариантом, так как это сделает обновление плагина более рискованным.
Проблема: элемент имеет абсолютное позиционирование и имеет верх: 0px в оригинале. Я хочу переопределить его снизу: 0px.
Для примера
.element {position:absolute; top:0;}
/* in another file */
.my .element {bottom:0;}
В firefox это работает нормально (снизу: 0 - применяемый стиль), но сафари/хром, похоже, не попадают в верхнюю часть: 0.
Я могу обойти эту проблему, но было бы неплохо придумать чистое решение.
Используйте top: auto в "reset" top в его начальное значение.
bottom является полностью отдельным свойством top (элемент может иметь как top, так и bottom) поэтому, возможно, вам больше не понадобится bottom.
Кроме того, убедитесь, что ваш переключатель переопределения достаточно специфический, но это не похоже на проблему в этом случае.
.my .element { position: inherit !important; top: auto; }