Css Primefaces自定义主题-选择一个菜单触发器

我正在尝试为Primefaces 6.1创建自定义主题css，在“选择一个”菜单触发器上，我正在尝试更改触发器悬停和聚焦时的背景颜色。这是我试过的

.ui-selectonemenu .ui-selectonemenu-trigger
{
    background-color: blue;
}

.ui-selectonemenu .ui-selectonemenu-trigger:hover
{
    background-color: orange;
}

现在这适用于“悬停”，但当光标不再悬停在其上时，显然会发生变化。现在我知道了

.ui状态悬停

，

.ui状态聚焦

等。但是，执行以下操作没有任何效果

.ui-selectonemenu .ui-selectonemenu-trigger
{
    background-color: blue;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-state-hover,
.ui-selectonemenu .ui-selectonemenu-trigger .ui-state-focused
{
    background-color: orange;
}

---

有什么想法吗？

好的，找到了方法，我们需要指定容器、状态，然后指定特定的组件类，这样正确的方法是

.ui-widget-container .ui-state-hover .ui-selectonemenutrigger,
.ui-widget-container .ui-state-focus .ui-selectonemenutrigger
{
    background-color: orange;
}

---

阅读/了解css特性：