PrimeFaces菜單欄，上浮最後菜單項：右

Question

我有這樣的菜單欄在我的項目，我使用PrimeFaces首次：

<p:menubar styleClass="sso_header ui-widget-header " style="width:99.5%; margin-top: 3px; border-radius: 10px;" > 
    <p:menuitem value="Test" rendered="true" 
       style="border: 1px solid; margin-right: 5px;" icon="ui-icon-triangle-1-s" /> 
    <p:menuitem value="LOG IN" rendered="true" 
       style="border: 1px solid; margin-right: 5px;" icon="ui-icon-triangle-1-s" /> 
</p:menubar> 

我需要最後的菜單項float:right;，至少我試過包括外部樣式：

<h:outputStylesheet name="css/style.css" /> 

並將我的css類指派給menutitem。

我試過內聯樣式白衣!important屬性，沒有任何工作。

從瀏覽器檢查代碼後，我注意到Primefaces將我的樣式分配給<li>中的<a>。

有一種方法可以在PrimeFaces中爲<li>分配float權限嗎？

在此先感謝。

Answer 1

檢查PrimeFaces的產生和使用的CSS類來定義樣式的HTML代碼，您發佈的代碼這樣的事情應該工作

.sso_header .ui-menuitem.ui-widget.ui-corner-all:last-child { 
    float: right; 
}