jsf - How to add a css to PrimeFaces? -

i try add css primefaces , overwrite defaults components font size.

my default.css:

.body {     font-size: 10%; }  .ui-widget,.ui-widget-header,.ui-widget-content,.ui-widget-header .ui-widget-header,.ui-widget-content .ui-widget-content,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button     {     font-size: 10%; }  .button{        font-size: 10%; }  .ui-widget.button{     font-size: 10%;    } 

on xml body:

<h:outputstylesheet library="css" name="default.css" /> 

and example tried add new css button:

<p:commandbutton styleclass="button" id="add" value="add" ajax="false"/> 

what doing incorrectly, not see effects.

try removeing , :

.ui-widget,.ui-widget-header,.ui-widget-content,.ui-widget-header .ui-widget-header,.ui-widget-content .ui-widget-content,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button     {     font-size: 10%; } 

replace :

.ui-widget .ui-widget-header .ui-widget-content .ui-widget-header .ui-widget-header .ui-widget-content .ui-widget-content .ui-widget input .ui-widget select .ui-widget textarea .ui-widget button     {     font-size: 10%; }