Style diferente del definido en el css

[msi]

Hola, no se como explicarme bien. Igual el torpe soy yo y lo que pregunto es facilísmo pero no consigo mi objetivo.

En un fichero css tengo definidos los estilos:

table.its thead tr {
background-color: #4d7871;
padding: 2px 4px 2px 4px;
text-align: center;
vertical-align: top;

}

De esta manera, hago uso de ello en mi página:

<display:table id="tabla" class="its">
<display:column title="Nombre" style="text-align: left">

Tal como está definido la fila de cabecera aparece verde (#4d7871;) pero el texto me aparece a la izquierda (cosa correcta). También quería cambiar el color en las ocasiones que yo quisiera así que he intentado modificar a:

<display:column title="Nombre" style="text-align: left;table.its thead tr {background-color: #ffaf00;};">

Ya puedo poner table.its, thead tr, los 2 juntos u otras cosas que no consigo cambiar el color.

¿Es incorrecta mi asignación? ¿o cómo debo declarar la cabecera?

Un saludo.

[kazafun]

¿Porque aplicas estilos al HTML si ya estas usando un CSS?

[msi]

Primero decirte que puedo usar la etiqueta <table> de toda la vida en vez de <display:table id="tabla" class="its">. Por comodidad utilicé esta última y por ello tengo un .css para su uso específico.

Me gusta como queda el estilo de las tablas pero quería modificarlo solamente a una tabla. Antes he escrito algo erróneo. Con style="text-align: left" la fila de la cabecera de la tabla no me aparece a la izquierda pero sí el resto.

Supongo que lo normal sería que en vez de andar modificando "al vuelo" el estilo, definiese otro distinto, ¿no?