Puedes ocupar !important
td{
background-color:red !important
}
<table>
<tr>
<td style="width: 193px;background-color:#333399; color: #ffffff;">
<p class="negrita2" style="color: #ffffff">Fecha Inscripción</p>
</td>
</tr>
</table>
Las reglas CSS tiene prioridad, algunos le llaman "Especificidad", cuyo orden es más o menos el siguiente
- Estilo en línea, es decir ocupando el atributo style de un elemento
- #ID
- .Clases, [atributos] :pseudoclases
- Elementos y pseudoelementos (input, div, :before, :after)
Es decir un estilo en línea pisa a un estilo #id{}, y este pisa a uno por .clase{} y así sucesivamente
Además, a igual "Especificidad" gana la última regla ingresada.
Entonces el estilo en línea es lo más prioritario, siendo la única alternativa usar !important
, esto pisa toda la Especificidad; y a varios !important
también gana el último
Recomiendo leer:
https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
td
por completo en css, elimina todo los estilos (``style`) en el html y trabaja solamente en CSS