Adding CSS class to tab not working.

Questions
1

I added the following inline css to my page:

.ui-tabs .ui-tabs-nav li .ui-state-default .ui-corner-top .sig-required {    background: tomato;
}
.ui-tabs .ui-tabs-nav li .ui-state-default .ui-corner-top .sig-required a {
    color: black;
    font-weight: bold;
}
.ui-tabs .ui-tabs-nav li .ui-state-default .ui-corner-top .sig-required .ui-state-hover {
    background: #FF927E;
}
.ui-tabs .ui-tabs-nav li .ui-state-default .ui-corner-top .sig-required .ui-tabs-active .ui-state-active a {
    color: tomato;
    font-weight: bold;
}

In the console, I’m using this jquery to add the ‘sig-required’ class to my tab:

$("[data-tab=std-panel]").addClass('sig-required')

Where ‘std-panel’ is the unique id of my tab.

The class is being added, but the styling doesn’t change:

What am I doing wrong here?

Thanks!

2

Same issue as this post. I think.

3

Yes. Thanks again!