Parent container style used?

I was doing a test with this code. But the text in the table is being
styled by the parent container. Why it does not use the 'important'
css style defined locally?

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui">
<ui:style>
.important {
color: #FDFDFD;
font-weight: bold;
font-size: 14pt;
}
</ui:style>
<g:HTMLPanel>
<table>
<tr>
<td><g:Label stylePrimaryName="important">XXX</g:Label></td>
<td><g:Label>YYY</g:Label></td>
<td><g:Label>ZZZ</g:Label></td>
</tr>
</table>
</g:HTMLPanel>
</ui:UiBinder>

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.