使用内联css覆盖primefaces中的用户定义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）

---

我需要为Rowtogler保留用户定义的图标，但为Calendar保留primefaces图标。有人能帮忙吗？

您必须使选择器更具体。尝试包含要在其中更改Rowtogler图标的部分。您可以这样做：

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

现在，它将只更改id为newRowtogler的DOM元素下的Rowtogler

---

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

在创建此问题时，stackoverflow必须显示该副本的可能副本。你注意到了吗？@Kukeltje我不认为这是重复的，OP成功地覆盖了PrimeFaces风格，但他在任何地方都这样做了，不想成为全球性的（在

p:calendar

中看起来是这样的）。他需要的是更具体的信息。Geinmachi：我想你是对的。我已经覆盖了CSS，但是它在页面的任何地方都得到了应用。我不希望这种情况发生。是否有任何方法可以排除特别适用于日历的CSS。您希望在日历上应用此样式还是将其排除？下一步是指日历中的按钮（工具提示为“下一步”）如果OP知道这些类型的伪选择器，那么关于使选择器更具体的知识就会呈现给他。你的答案只有一部分是好的，因为它对于行扩展中的日历仍然失败，正如我提到的原始“副本”中所述。你可以始终将样式类设置为扩展行，使用上述语义，它也应该适用于行扩展中的日历。顺便说一句，我没有看这个复制品。我的意思是，如果行扩展中有一个日历，OP会有同样的问题，这个图标也会被覆盖。您不需要向行扩展添加其他类，以防止嵌套日历也使用新图标