0

我试图在一个 xhtml 文件中覆盖 Primefaces css。是的，它覆盖了它，但是......我有两个嵌套的数据列表（内部和外部），我想在外部有更大的字体，但不是内部的，这就是问题所在，我不知道如何做。即使外层使用 .ui-datalist-itemWithBiggerFont，它仍在使用 li class="ui-datalist-item"。

.ui-datalist-item{
    background: none;
    font-family: cursive;
    border: none;
    background-image: none;
}

.ui-datalist-itemWithBiggerFont{
    background: none;
    font-family: cursive;
    border: none;
    background-image: none;
    font-size: larger;  
}

#outer li{
   font-size: larger;    
}

在 xhtml 中：

<h:outputStylesheet library="css" name="menu.css"  /> 
            <p:dataList id="outer" value="#{controller.selected.menuMenuId.courseCollection}"  var="course" itemType="course" type="ordered" styleClass=".ui-datalist-itemWithBiggerFont">  
                #{course.heading}, #{course.courseId}

                <p:dataList id="inner" value="#{course.dishCollection}" var="dish" itemType="dish" styleClass=".ui-datalist-item">
                    #{dish.name}
                </p:dataList>    
            </p:dataList>

以及html中的源代码：

<div id="outer" class="ui-datalist ui-widget .ui-datalist-itemWithBiggerFont"><div id="j_idt90_content" class="ui-datalist-content ui-widget-content"><ol id="j_idt90_list" class="ui-datalist-data" type="course"><li class="ui-datalist-item">  
                outer, 1

                <div id="outer:0:inner" class="ui-datalist ui-widget .ui-datalist-item"><div id="j_idt90:0:j_idt92_content" class="ui-datalist-content ui-widget-content"><ul id="j_idt90:0:j_idt92_list" class="ui-datalist-data" type="dish"><li class="ui-datalist-item">
                   inner1
                </li><li class="ui-datalist-item">
                    inner2

谢谢！萨米人

4

1 回答 1

0

例如，将您想要在新标签中覆盖的内容包装起来<h:panelGroup> 并导航到您的 CSS 中的该标签，您还应该使用 firebug 或 google 插件女巫，这肯定会帮助您本地化您需要更改的内容。希望能帮助到你！

于 2012-05-18T22:14:31.613 回答