嵌入式样式在JSF模板中不起作用

Question

我有两个JSF页面，即Home.xhtml和ContentPage.xhtml。第一页包含另一页的链接，通过单击该链接将第二页内容包含在第一页中。我已在第二页中定义了一种样式，但这不适用。 请帮帮我。

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>