css - PrimeFaces 菜单栏， float :right 上的最后一个菜单项

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 类分配给菜单项。

我尝试了 !important 的内联样式属性，没有任何作用。

从浏览器检查代码后，我注意到 Primefaces 将我的样式分配给了 <a>在 <li> 里面.

有一种方法可以将 float 权分配给 <li>在 PrimeFaces 中？

提前致谢。

Answer 1

检查 PrimeFaces 生成的 html 代码并使用 css 类来定义您的样式，对于您发布的代码，类似这样的东西应该可以工作

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