primefaces風格只適用於嵌套元素

Question

爲了去除Primefaces TabView的組件的選項卡內的邊距，我創建了一個新的風格對我的CSS文件：

​​

然後我tryed應用此新樣式的標籤。但它沒有工作：

<p:tab id="fieldCategoryTab" title="category" styleClass="tabviewleft" > 

然後我嘗試在TabView組件上應用。但它並沒有太多的工作：

<p:tabView id="tabViewLeft" styleClass="tabviewleft"> 

然後創建一個div的TabView的外面，它的工作：

<div id="teste" class="tabviewleft"> 

爲什麼我需要創建TabView的外面一個div應用的樣式？

是否可以直接將它應用到Tab或TabView而不創建div？

預先感謝您的任何解釋。

Answer 1

是的，這是可能的。 假設你<p:tabView>的結構是這樣的：

<p:tabView id="tabView" styleClass="tabView" dynamic="true" 
    cache="false"> 

    <p:tab title="#{trhBundle['paidLeave']}" id="paid"> 
     <h:form> 
     </h:form> 
    </p:tab> 

    <p:tab title="#{trhBundle['RTT']}" id="rtt"> 
     <h:form> 
     </h:form> 
    </p:tab> 

    <p:tab title="#{trhBundle['specialLeave']}" id="special"> 
     <h:form> 
     </h:form> 
    </p:tab> 
</p:tabView> 

然後添加CSS

.tabView .ui-tabs-panel { 
padding: 0px!important; 
} 

我認爲這將刪除的<p:tab>所有填充。