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; 
}