Eliminar CSS

[ramondevesa]

Buenas, estoy trabajando con Responsive Web Design, en concreto con el framework skel y me ocurre lo siguiente, en la página css tengo asignado a una lista un borde superior y me gustaría que ese borde desapareciera en el css del movil, lo que me ocurre es que el explorador recoge la sentencia del css de la pantalla que es este:

Código CSS:

border-top: 1px ridge #E2E2E2;
 

¿cómo podría anularlo?

Gracias y saludos!!

[metacortex]

Quizás detectando el ancho de pantalla del móvil y aplicando la anulación:

Código CSS:

@media only screen and (max-width: 320px),
only screen and (max-device-width: 320px) {
    .mi-clase {
        border-top: 0;
    }
}
 

[alzacon]

También puedes aplicar estilo a la resoluciones mayores, sería la opción complementaria a la comentada por metacortex. Tienes un estilo para todas las versiones (sin el border-top) y luego añades ese border-top en la media query.

Código CSS:

@media only screen and (min-width: 321px),
only screen and (min-device-width: 321px) {
    .mi-clase {
        border-top: 1px ridge #E2E2E2;
    }
}