Media-queries y clases

[gusno]

Hola.
Tengo el siguiente codigo:

Código:

@media screen and (max-width:625px){
    .table table-striped table-hover{
!!aqui esta el problema->lo que quiero es eliminar esa clase
        
    }
	table, thead, tr, th, tbody, td{
		display:block;
	}
mucho mas codigo .............

Me explico, esto es para que una tabla cuando se baje de 625px me cambie y tome una forma de modo que se pueda leer en otros dispositivos.
¿Cual es el problema?
pues al estar hecho con bootstrap de twitter la clase "table table-striped table-hover" me da conflictos con la nueva tabla que armo y no se acaba de ver bien.
Hay alguna forma que no sea con javascript de eliminar esa clase cuando se active el media screen de modo que pueda darle los estilos que quiero a esa tabla?
Gracias

[pzin]

La cosa más básica de CSS es que los estilos se heredan. No puedes eliminar clases si ya están declaradas.

Lo que podrías hacer es indicar un reajuste de los atributos y ponerlos en su valor por defecto. Por ejemplo, si se especifica que una clase tenga un ancho, para volver a ponerlo a su valor por defecto tendrás que poner:

Código CSS:

width: auto
 

No todos los valores son auto, así que tendrás que tener cuidado con eso.

[_Edgar_]

Hola amigo gusno, soy un novato en esto, pero encontre este material sobre diseño adaptativo a elementos <table></table>

http://elvery.net/demo/responsive-tables/