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.