title: CSS changes does not seen working with JSF
body: <p>I have a project I am developing in JSF 2.0.
  I changed my styles.css file by adding a new class and changing my element in the XHTML file to the new name in the CSS file. In Eclipse clean and build the project restart the server, call the page again. 
  I can see my elements' class by clicking show source of page in browser, and clicking styles.css and can see my changes.
  But in both Chrome's developer tools and Firefox's Firebug I can not see the changes in styles.css in bottom right corner, where dev tools show related CSS code lines.
  Where am I wrong?</p>
  
  <p>CSS code:</p>
  
  <pre><code>ul{ width:420px; float:left}
  ul li{ width:420px; float:left; font-size:16px; font-style:italic; font-weight:bold; padding-bottom:10px}
  ul li a{ width:300px; height:40px; float:left; background:url(../images/bg_no_selected.gif) no-repeat; color:#CCCCCC; text-decoration:none; padding:20px 0 0 23px}
  ul li a:hover{background:url(../images/bg_tick_hover.gif) no-repeat; color:#999999}
  ul li a.passive{background:url(../images/bg_no_selected.gif) no-repeat; color:#CCCCCC}
  ul li a.active{background:url(../images/bg_tick_hover.gif) no-repeat; color:#999999}
  </code></pre>
  
  <p>XHTML code:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;ui:repeat var="questionOption" varStatus="currentInMany" value="#{something}" id="repeatIn"&gt;
          &lt;li&gt;
              &lt;h:outputLink styleClass="#{(some control which is returning false, i can see class='passive' in browser in source)?'active':'passive'}" value="javascript:void(0);" id="link"&gt;
  
              &lt;f:ajax execute="@form" event="click" listener="#{some method}" /&gt;
  
              &lt;h:outputText value="#{some text}" /&gt;
              &lt;/h:outputLink&gt;
          &lt;/li&gt;
      &lt;/ui:repeat&gt;
  &lt;/ul&gt;                                                       
  </code></pre>