title: CSS selector/inheritance in GWT UiBinder when using external stylesheet
body: <p>I am using GWT 2.4.0 + UiBinder.</p>
  
  <p>In my ui.xml file i have referenced external style sheet using below line. </p>
  
  <pre><code>&lt;ui:style
      type="com.codelaboration.twykin.frontend.widgets.qa.client.view.QABox.QAStyle"
      src="QABox.css" /&gt;
  </code></pre>
  
  <p>Now i have below code in the same ui.xml file</p>
  
  <pre><code>&lt;div class="{style.imagePanel}"&gt;
        &lt;div ui:field="lblUser"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In QABox.css i have defined the "imagePanel" and also used CSS inheritance for applying the CSS to all <strong>divs inside the imagePanel class</strong>:</p>
  
  <pre><code>.imagePanel {float: left; width: 100px; text-align: center;}
  .imagePanel div {float: right; width: 530px;}
  </code></pre>
  
  <p>Now the problem is GWT is obscufacting the style name, so now <strong>imagePanel</strong> will be changed to some weird name, so the ".imagePanel div" wont going to work. So basically my question is how to use CSS selector in UiBinder when external stylesheet had been declared in ui.xml only.</p>
  
  <p>Thanks.</p>