Question

我有一个我在JSF 2.0中开发的项目。我通过添加一个新类并将XHTML文件中的元素更改为CSS文件中的新名称来更改styles.css文件。在Eclipse中清理并构建项目重启服务器，再次调用该页面。我可以通过在浏览器中单击show source of page，然后单击styles.css来查看我的元素类，并可以看到我的更改。但是在Chrome的开发者工具和Firefox的Firebug中，我无法看到右下角styles.css的变化，其中dev工具显示相关的CSS代码行。我哪里错了？

CSS代码：

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}

XHTML代码：

<ul>
    <ui:repeat var="questionOption" varStatus="currentInMany" value="#{something}" id="repeatIn">
        <li>
            <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">

            <f:ajax execute="@form" event="click" listener="#{some method}" />

            <h:outputText value="#{some text}" />
            </h:outputLink>
        </li>
    </ui:repeat>
</ul>

CSS更改没有与JSF一起使用

0 个答案: