CSS (webkit): anulación de la parte superior con la parte inferior en el elemento de posición absoluta

82

Tengo un problema para anular algunos complementos CSS. Editar ese CSS directamente no es realmente una opción, ya que haría que actualizar el complemento fuera más riesgoso.

El problema: un elemento tiene posicionamiento absoluto y tiene top: 0px en el original. Quiero anularlo por bottom: 0px.

Por el bien de ejemplo 

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

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

En Firefox, esto funciona bien (abajo: 0 es el estilo aplicado), pero safari / chrome no parece pasar por encima: 0.

Puedo solucionar este problema, pero sería bueno encontrar una solución limpia.

css webkit css-position Marcus
fuente
La parte inferior también se aplicó en el caso de webkit, y la definición de la parte inferior fue más específica. ! important simplemente lo hace "más específico", por así decirlo. El problema era que parecía calcular la parte superior primero, por eso necesitaba una forma de restablecerlo.
Marcus

Respuestas:

195

Utilice top: autopara "restablecer" topa su valor inicial .

bottomes una propiedad totalmente separada de top( un elemento puede tener un topybottom ), por lo que quizás ya no lo necesite bottom.

Además, asegúrese de que su selector de anulación sea lo suficientemente específico , pero no parece que ese sea el problema en este caso.

treinta y dos
fuente
5
arriba: auto era lo que estaba buscando. Intenté comprobar la documentación de referencia CSS de sitepoint, etc., pero no pude encontrarla. Intentado top: ninguno (al azar: D). Gracias.
Marcus
5 
.my .element { position: inherit !important; top: auto; }
Chris Godwin
fuente