I have two JSF page namely Home.xhtml and ContentPage.xhtml. First page contains link of another page by clicking that link the second page content gets included in first page. I have defined a style in second page but that is not applying. Please help me.
Home.xhtml
    <h:head>
    <title>Home</title>
</h:head>
<h:body>
    Home page
    <ui:insert name="content">Editable area</ui:insert>
    <h:form><h:commandLink action="ContentPage" value="click"/></h:form>
</h:body>
ContentPage.xhtml
<h:head>
    <title>Content page</title>
    <style>
        .styleFormat{
            color: green;
            font-size: 20pt;
        }
    </style>
</h:head>
<h:body>
    <ui:composition template="Home.xhtml">
        <ui:define name="content">
            <h:outputLabel styleClass="styleFormat">This is some text which is of Green color and having font size 20</h:outputLabel>
        </ui:define>
    </ui:composition>
</h:body>
