title: How to override Primefaces jQuery and css
body: <p>I am using PrimeFaces. As PrimeFaces uses its own jQuery, jqueryUI, jQuery-UI.css. I am using ui:composition. What i did i included a line in my template page like this</p>
  
  <p>layout.xhtml</p>
  
  <pre><code> &lt;h:head&gt;       
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;title&gt;
          &lt;ui:insert name="title"&gt;Login&lt;/ui:insert&gt; 
      &lt;/title&gt;      
      &lt;ui:insert name="style"&gt;&lt;/ui:insert&gt;
  &lt;/h:head&gt;
  </code></pre>
  
  <p>Then on my page i used something like this</p>
  
  <pre><code>&lt;h:body&gt;
      &lt;ui:composition template="./WEB-INF/templates/layout.xhtml"&gt;           
          &lt;ui:define name="title"&gt;Add News&lt;/ui:define&gt;
          &lt;ui:define name="style"&gt;&lt;h:outputStylesheet library="css" name="basit.css"/&gt; &lt;/ui:define&gt;
          &lt;ui:define name="content"&gt;
              &lt;h:form id="news_advertisement_form"  &gt;
              ...
              &lt;/h:form&gt;
          &lt;/ui:define&gt;
      &lt;ui:composition&gt;
  &lt;/h:body&gt;
  </code></pre>
  
  <p>This is including basit.css on my page but the problem is , css is including before primefaces css and jQueries. I want that my css appear after PrimeFaces Css and jqueries. How can i do it?
   Thanks</p>