css - 如何将两个 primefaces growl 放在同一页面的不同位置？

Question

我需要在同一个页面的不同位置放置几个 p:growl 组件 一个在左边，一个在右边，一个在中间。 但是，如果我重写样式，它会受到像这样的所有咆哮的影响:

 <style type="text/css">
            .ui-growl{
                left:100px;
            }
        </style>

这意味着我应该有另一种 ui-growl 风格。我创建了它，但没有帮助。

 .ui-growl1{
                right:30px;
            }

Answer 1

您可以指定应用样式的帐户元素:

.ui-growl:nth-child(2) {
    right:30px;
}