How to cross over the style in CSS for row color?

I want to set the text color and background for a row using code like

this.getTemplate(\"row\", x).setStyle(\"color\", \"white\");
this.getTemplate(\"row\", x).setStyle(\"background\", \"#blue\");

However, I have a style in CSS like

td,tr,p,div {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

The result is I can set the background color but the color defined in CSS overwrite that set in the code. The text in the grid is still black. How can I cross over the style defined in CSS for the specific case such that I still can keep this style definition in CSS?

Try using 'white!important'

oh, oh