Css 无法对f:facet内的列标题应用自定义样式

我是richfaces的初学者，在将自定义样式应用到

f:facet

中定义的列标题时面临问题。Iam使用JSF-2和Richfaces-4。 我的代码如下：

<rich:dataTable  value="#{techworkdetails.workList}"  var="tech"   
    cellpadding="5"  style="width:100%" headerClass="myHeader">

   <f:facet name="header" >
    <rich:columnGroup > 
        <rich:column >Name</rich:column>
        <rich:column >Order#</rich:column>
        <rich:column >Order Date</rich:column>
    </rich:columnGroup>
</f:facet> 

<rich:collapsibleSubTable value="#{tech.workDetails}"  
    var="details" rowKeyVar="rowKey" >
    <rich:column rowspan="#{tech.workDetails.size()}" rendered="#{rowKey eq 0}">
        #{tech.name}
    </rich:column >
    <rich:column  styleClass="myHeader">
        #{details.orderNo}
    </rich:column>
    <rich:column>
         #{details.orderDate}
    </rich:column>

</rich:collapsibleSubTable> 

问题是，即使我对我的数据表使用headerClass，我的风格也并没有得到反映；相反，将呈现标题的默认样式。但会呈现数据列的自定义样式。i、 例如，我的风格适用于details.OrderNo列中的数据。 我还尝试对标题列分别使用styleClass和style，如下所示，但没有成功：(

名称
命令#
订购日期

是不是我们不能在f:facet中为rich:column应用样式？ 谁能帮我一下吗

---

提前感谢

发生这种情况是因为您的CSS在Richfaces添加自己的CSS之前添加到页面中，因此前者会被覆盖。要防止覆盖，您需要将

！important

添加到CSS属性中

在您的情况下，这将是：

.myHeader{
    background-color : yellow !important;
    font-weight: bold !important;
}

---

这样，浏览器将保留重要的样式。

这是因为您的CSS在Richfaces添加自己的样式之前添加到页面中，因此前者会被覆盖。为防止覆盖，您需要将

！important

添加到CSS属性中

在您的情况下，这将是：

.myHeader{
    background-color : yellow !important;
    font-weight: bold !important;
}

这样，浏览器将保留重要的样式

<f:facet name="header" >
    <rich:columnGroup > 
       <rich:column styleClass="myHeader">Name</rich:column>
      <rich:column styleClass="myHeader">Order#</rich:column>
          <rich:column styleClass="myHeader">Order Date</rich:column>
    </rich:columnGroup>
</f:facet> 

.myHeader{
    background-color : yellow !important;
    font-weight: bold !important;
}