PrimeFaces TabView如何在CSS中设置标签宽度

Question

我想更改默认的25％的标签视图`，但现在它没有显示。

这是css内容：

.ui-tabs.ui-tabs-left > .ui-tabs-nav {
   width: 10%;
}

.ui-tabs.ui-tabs-left > .ui-tabs-panels {
   width: 90%;
}  

Html：

<p:tabView orientation="left" effect="fade" effectDuration="slow" dynamic="true">
      <p:tab title="xxx">
          <ui:include src="/request.xhtml"/> 
      </p:tab>
      <p:tab title="yyy">
      </p:tab>
      <p:tab title="zzz">
      </p:tab>