Настройка CSS компонентов Primefaces

Как я вижу в документации по Primefaces,

    1) To change the font-size of PrimeFaces components globally, use the `.ui-widget` style class. 
       An example with 12px font size.

        .ui-widget,
        .ui-widget .ui-widget {
               font-size: 12px !important;
         }

у меня есть 2 вопроса по этому поводу:

1. Почему .ui-widget написан трижды в приведенном выше коде?

2. Для двух разных экземпляров tabView я хочу настроить фон его заголовка -цвет по-разному, но я не мог найти способ сделать это. Возможно ли это вообще?