Problems Changing Background Color in PrimeFaces Tabs Component [duplicate]

This question already has answers here: How do I override default PrimeFaces CSS with custom styles? (5 answers) Closed 2 years ago.

I use Primefaces 2.1

I reference the css files like this:

<style type="text/css">
  @import url("resources/css/skin.css");
  @import url("resources/css/style.css");
</style>

In style.css I try to change the background color of the container in which the tabs are:

 .ui-tabs-nav{
  background-color:yellow;
 }

This doesn't work. The cha开发者_开发百科nge of the main tab container "works":

.ui-tabs{
 background-color:yellow;
}

---

The pimefaces page on themes: http://primefaces.org/themes.html

Scroll down to "Installing Themes"

You'll use the jQuery theme roller http://jqueryui.com/themeroller/ to build a theme. It's really easy and quick to do. There are also a large number of prepackaged themes available.