Question

I have a div with the following CSS class defined:

<div class="ui-button ui-state-active">bla bla bla</div>

I am trying to define the CSS styling for that class by doing it this way

<style>
    .ui-button .ui-state-active {
        background-color:#000000;
    }
</style>

It’s not working, am I referring to the class in the wrong way?

Thanks

Answer 1

Remove the space:

.ui-button.ui-state-active

with the space, the rule says “elements with the class ui-state-active that are descendants of elements with the class ui-button“.

Specifying multiple classes is buggy in IE6: To IE6, the rule will apply to all elements with the class ui-state-active. (Thanks @Meder for the reminder)