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

83

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

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

Ради примера

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

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

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

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

Маркус
источник
Нижняя часть была применена и в случае с webkit, а нижняя часть была более конкретной. ! important просто делает его, так сказать, «более конкретным». Проблема заключалась в том, что сначала вычисляется верхний предел, поэтому мне нужен был способ его сбросить.
Маркус

Ответы:

197

Используйте top: autoдля «сброса» topдо исходного значения .

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

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

тридцать точек
источник
5
вверху: авто было то, что я искал. Я попытался проверить справочную документацию по CSS для точек сайта и т. Д., Но не нашел. Пробовал топ: нет (случайно: D). Благодарю.
Маркус
5
.my .element { position: inherit !important; top: auto; }
Крис Годвин
источник