Parent container style used?

[JC]

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+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.