CSS (webkit): перевизначення верхнього та нижнього елемента з абсолютним розташуванням

У мене проблема з заміною деяких плагінів CSS. Редагувати цей CSS безпосередньо не є можливою опцією, оскільки це зробить оновлення плагіна більш ризикованим.

Проблема: елемент має абсолютне позиціонування, а в оригіналі має top: 0px. Я хочу замінити його знизу: 0px.

Для прикладу

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

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

У Firefox це працює нормально (знизу: 0 - застосований стиль), але сафарі / хром, здається, не переборюють зверху: 0.

Я можу обійти цю проблему, але було б непогано запропонувати чисте рішення.

Використовуйте top: autoдля "скидання" topдо початкового значення .

bottomє абсолютно окремою властивістю для top( елемент може мати як atopbottom , так і ), тому, можливо, вам більше не знадобиться bottom.

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

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