Prime Community Forum

I've tried many ways in order to change the style of the panel menu, but nothing has worked. I'm using angular 7.1.0 and priming v7.0.3. Here is what I've tried:

<p-panelMenu [model]="items" [style]="{'width':'235px'}" [styleClass]="panel-menu"></p-panelMenu>

First try:
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a {
color: green;
background-color: orange;
}

Second try:

.ui-panelmenu.panel-menu .uipanelmenu-header {
color: green;
background-color: orange;
}
third try:

.panel-menu{
color: green;
background-color: orange;
}

What am I doing wrong?