css - 使用内联CSS在Primeface中覆盖用户定义的CSS

我正在编写Primefaces代码，其中我按如下方式覆盖.ui-icon-circle-triangle-e

.ui-icon-circle-triangle-e{
                background-image: url("#{resource['image/add-sign.png']}")!important;
                background-position: 0px 0px;
}

以便更改我的Rowtoggler的图标。但这也会更改日历上的.ui-icon-circle-triangle-e（next）图标。

我需要为rowtoggler保留用户定义的图标，但为Calender获取质数图标。有人可以帮忙吗？Image of modified Rowtoggler

最佳答案

您必须使选择器更具体。尝试包含要在其中更改rowToggler图标的部分。您可以像这样进行操作：

#newRowToggler .ui-icon-circle-triangle-e{
    background-image: url("#{resource['image/add-sign.png']}")!important;
    background-position: 0px 0px;
}

现在，它将仅更改ID为newRowToggler的DOM元素下的rowToggler。

但我不知道您所说的.ui-icon-circle-triangle-e（下一个）是什么意思。是否有一个名为“ next”的伪选择器，我对此一无所知？