Start Building Professional
Web Apps Today

grid hover style

We added this for the grid so it has a hover style when rows are hovered over:
.grid_hover { background: #FFF url(../../../cp/template/default/images/table_tr_background.gif) repeat; }
.odd_xp { background: #f6f6f6; }

However, is there any way to ONLY apply this to a single style like "xp"?

Right now .grid_hover is getting applied to all styles.

You can change the name of css class as

div.gridbox_xp .grid_hover { ...any rules ...}

We ended up using this, is it acceptable?
div.gridbox_xp table.obj tr.rowselected td,
div.gridbox_xp table.obj tr:hover,
div.gridbox_xp .odd_xp:hover {
    background: #FFF url(../../../cp/template/default/images/table_tr_background.gif) repeat;
}

Yes, it will work correctly. 
While your custom css rules changes only colors they will not break anything - so you can use any combinations of rules.