override default stylesheet properties in rich faces

[gbsvprasad]

Any way to override default style sheet properties in rich face components.? ideally I would like to use my own styleClass instead of default

[sergeysmirnov]

just use your own. It will override any default ones.

[gbsvprasad]

it did not work for me ..

here's my data grid in my facelets jsf

<rich:dataGrid value="#{Bean.list}" var="list" columns="2" cellspacing="10" cellpadding="5" styleClass="cf_standardTable" columnClasses="cf_standardTable" rowClasses="cf_standardTable">
</rich:dataGrid>

when I look at html output I see this
table class="dr-table rich-table cf_standardTable" id="j_id3:middleNav:j_id88" rows="0" border="0" cellpadding="5" cellspacing="10">
table
it appears that my styleClass properties appending to default attributes.

[gbsvprasad]

it appears that my styleClass properties appending to default attributes.

[sergeysmirnov]

it says nothing yet. The order of the classes in the class attribute does not make any sense.

Look at the FireBug how the styles are overridden