title: How to not inherit the css from <ui:include>?
body: <p>Currently, Page.xhtml includes Menubar.xhtml. The Page.xhtml seems to inherit the menuBar.css from Menubar.xhtml. Can the content of Page.xhtml not inherit menuBar.css but use themeMain.css only? </p>
  
  <p>Menubar.xhtml</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;ui:composition xmlns="http://www.w3c.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:p="http://primefaces.org/ui"
  xmlns:hx="http://www.ibm.com/jsf/html_extended"&gt;
  
  &lt;link type="text/css" rel="stylesheet" href="#{request.contextPath}/theme/primefaces-aristo/menuBar.css" /&gt;
  
  &lt;f:loadBundle basename="messages.MessageResources" var="msg" /&gt;
  
  &lt;tr&gt;
      &lt;td&gt;&lt;img border="0" src="/BelsizeWeb/theme/new_header.png"
          width="930" height="85"&gt;&lt;/img&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/ui:composition&gt;
  </code></pre>
  
  <p>Page.xhtml</p>
  
  <pre><code>&lt;h:head&gt;
  &lt;title&gt;Page&lt;/title&gt;
  &lt;meta http-equiv="keywords" content="enter,your,keywords,here" /&gt;
  &lt;meta http-equiv="description"
      content="A short description of this page." /&gt;
  
  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;
  
  &lt;link type="text/css" rel="stylesheet"
      href="#{request.contextPath}/theme/primefaces-aristo/themeMain.css" /&gt;
  
  &lt;f:view locale="en" /&gt;
  
  &lt;f:loadBundle basename="messages.MessageResources" var="msg" /&gt;
  &lt;/h:head&gt;
  
  &lt;h:body&gt;
  &lt;h:form id="form1" enctype="multipart/form-data" prependId="false"&gt;
      &lt;ui:include src="../../theme/menubar.xhtml" /&gt;
  &lt;/h:form&gt;
  &lt;/h:body&gt;
  </code></pre>