duda entre #id y .class en tabla

[worldPeace_Plis]

Si uso estos CSS:

Código HTML:

#tablainfo { width:80%; max-width:960px !important; border-collapse:collapse; }
#tablainfo  td { border:1px #999999 solid; vertical-align:top; padding:6px 8px; }

.detalleprods { vertical-align:middle;  }
td.detalleprods { vertical-align:middle; border:4px #ADADAD solid; } /* asi no */
.detalleprods td { vertical-align:middle; border:4px #ADADAD solid; } /* asi tampoco */

lo que esta en una tabla con id (#) funciona bien

pero si a una tabla le asigno una clase y pormedio de esta quiero afectar los td no puedo, no hace nada, en q estoymal?

tengo una tabla class=detalleprods", pero no se como hacer esto

[Triby]

Código css:

.detalleprods { vertical-align:middle;  }
.detalleprods td { vertical-align:middle; border:4px #ADADAD solid; } /* asi es correcto */
 

Esto debe funcionar.

Código html:

<table class="detalleprods">
<tr>
    <td>Centrado verticalmente y con borde de 4px</td>
</tr>
</table>
 

Si no funciona, muestra tambien como estas creando la tabla.

[kseso?]

tabla class="detalleprods"

quizás sólo sea un error al pegar el código, pero te faltan las comillas iniciales

Un saludo

[Triby]

Buena vista, kseso?... yo no vi que tenia parte del codigo, mucho menos las comillas

[kseso?]

Gracias Triby.
Te cuento un secreto: tenía mano y media ocupada en otros asuntos y la vista libre, así que...

[worldPeace_Plis]

Ya vi que pasaba, Triby te comento que pegue el codigo tal cual, de hehco yalo habiaintentado asi.

Esta tabla directa al body funciona bien, mi problem es que era una tabla class 'detalleprods' dentro de otra tabla id 'tablainfo', mira lo unico que hice fue anidar la class al id asi:

#tablainfo .detalleprods td { vertical-align:middle; border:4px #ADADAD solid; }

...detalles de los css! (seguimos aprendiendo)

GRACIAS por sus ayudas, Salu2!