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

Answer 2

解决方案

<style type="text/css">
                div[id="growl-error_container"]  {
                   // background-color: red !important;
                    right:30px;
                }
                div[id="growl-success_container"] {
                   // background-color: green !important;
                    left: 30px;
                    width: 360px;
                    height: 110px;

                }
            </style>

                <p:growl id="growl-error"  class="ui-growl" showDetail="true" sticky="true" />  

                <p:growl id="growl-success"  showDetail="true"  sticky="true"/>

如何在同一页面中放置两个不同位置的素数？

2 个答案: